mirror of
https://github.com/purrgrammer/grimoire.git
synced 2026-06-14 16:49:10 +02:00
style: make kind label in event menu more subtle
Reduced visual prominence of kind label in generic event menu: - Smaller text size (text-xs) - Reduced gap between elements (gap-2 instead of gap-4) - More muted colors (text-muted-foreground, opacity-60) - Subtler icon (text-muted-foreground/60) The label now appears as a small informational element rather than looking like an interactive dropdown item.
This commit is contained in:
@@ -224,13 +224,19 @@ export function EventMenu({ event }: { event: NostrEvent }) {
|
||||
</DropdownMenuTrigger>
|
||||
<DropdownMenuContent align="end" className="w-56">
|
||||
<DropdownMenuLabel>
|
||||
<div className="flex flex-row items-center gap-4">
|
||||
<KindBadge kind={event.kind} variant="compact" />
|
||||
<div className="flex flex-row items-center gap-2 text-xs text-muted-foreground">
|
||||
<KindBadge
|
||||
kind={event.kind}
|
||||
variant="compact"
|
||||
iconClassname="text-muted-foreground/60"
|
||||
className="opacity-60"
|
||||
/>
|
||||
<KindBadge
|
||||
kind={event.kind}
|
||||
showName
|
||||
showKindNumber
|
||||
showIcon={false}
|
||||
className="opacity-60"
|
||||
/>
|
||||
</div>
|
||||
</DropdownMenuLabel>
|
||||
|
||||
Reference in New Issue
Block a user