style(mailbox): Add cursor-pointers and fix empty state hover shift
This commit is contained in:
@@ -84,11 +84,11 @@
|
||||
|
||||
<div class="grid grid-cols-2 gap-4">
|
||||
<button @click="show = false"
|
||||
class="py-4 rounded-2xl bg-white/5 border border-white/10 text-zinc-400 font-black text-[10px] uppercase tracking-[0.2em] hover:bg-white/10 hover:text-white transition-all">
|
||||
class="py-4 rounded-2xl bg-white/5 border border-white/10 text-zinc-400 font-black text-[10px] uppercase tracking-[0.2em] hover:bg-white/10 hover:text-white transition-all cursor-pointer">
|
||||
Cancel
|
||||
</button>
|
||||
<button @click="confirm()"
|
||||
class="py-4 rounded-2xl font-black text-[10px] uppercase tracking-[0.2em] shadow-xl transition-all"
|
||||
class="py-4 rounded-2xl font-black text-[10px] uppercase tracking-[0.2em] shadow-xl transition-all cursor-pointer"
|
||||
:class="{
|
||||
'bg-rose-600 text-white hover:bg-rose-500 shadow-rose-900/20': type === 'danger',
|
||||
'bg-blue-600 text-white hover:bg-blue-500 shadow-blue-900/20': type === 'info',
|
||||
|
||||
@@ -83,7 +83,7 @@
|
||||
</div>
|
||||
|
||||
<button @click="toasts = toasts.filter(t => t.id !== toast.id)"
|
||||
class="p-1.5 rounded-lg hover:bg-white/5 text-zinc-600 hover:text-white transition-all">
|
||||
class="p-1.5 rounded-lg hover:bg-white/5 text-zinc-600 hover:text-white transition-all cursor-pointer pointer-events-auto z-10 relative">
|
||||
<svg class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" /></svg>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user