mirror of
https://github.com/purrgrammer/grimoire.git
synced 2026-04-12 08:27:27 +02:00
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:
@@ -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",
|
||||
)}
|
||||
/>
|
||||
)}
|
||||
|
||||
Reference in New Issue
Block a user