fix: use solid colors for BadgeCheck icon (gradients don't work on SVG)

The bg-clip-text technique only works on actual text elements, not SVG
paths. Reverted to solid colors that complement the gradient themes:

- Logged-in: text-amber-500 (matches the amber gradient tones)
- Others: text-fuchsia-500 (matches the fuchsia gradient tones)

The icon is now visible and color-coordinated with the username gradients.
This commit is contained in:
Claude
2026-01-18 21:20:52 +00:00
parent 8a5d96deb8
commit c802cfd480

View File

@@ -62,9 +62,7 @@ export function UserName({ pubkey, isMention, className }: UserNameProps) {
<BadgeCheck
className={cn(
"inline-block w-[1em] h-[1em]",
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",
isActiveAccount ? "text-amber-500" : "text-fuchsia-500",
)}
/>
)}