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:
Claude
2026-01-20 08:45:31 +00:00
parent 83b3b0e416
commit a4d1b5f48b

View File

@@ -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>