feat: add subtle gradient to BadgeCheck icon matching username

The badge icon now has its own subtle gradient that continues from
the username gradient's ending color:

- Logged-in: amber-600 → amber-400 (darker to brighter amber)
- Others: fuchsia-600 → fuchsia-400 (darker to brighter fuchsia)
- Both use bg-gradient-to-tr direction to match username

This creates a cohesive visual flow where the gradient subtly
continues from the username into the verification badge.
This commit is contained in:
Claude
2026-01-18 21:16:18 +00:00
parent b4125a0511
commit 8a5d96deb8

View File

@@ -62,7 +62,9 @@ export function UserName({ pubkey, isMention, className }: UserNameProps) {
<BadgeCheck
className={cn(
"inline-block w-[1em] h-[1em]",
isActiveAccount ? "text-orange-500" : "text-violet-500",
isActiveAccount
? "bg-gradient-to-tr from-amber-600 to-amber-400 bg-clip-text text-transparent"
: "bg-gradient-to-tr from-fuchsia-600 to-fuchsia-400 bg-clip-text text-transparent",
)}
/>
)}