murdle/fluxer
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

[skip ci]

Browse Source
This commit is contained in:
Hampus Kraft 2026-02-21 14:36:28 +00:00
parent 5e41f81752
commit 3d0631dd85
No known key found for this signature in database
GPG Key ID: 6090864C465A454D
2 changed files with 1 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
fluxer_app/src/components/popouts/UserProfileBadges.module.css
View File

@ -63,16 +63,10 @@
font-variant-numeric: tabular-nums;
white-space: nowrap;
pointer-events: none;
text-shadow:
0 0 6px var(--glow-color),
0 0 14px color-mix(in srgb, var(--glow-color) 50%, transparent);
}
:global(.theme-light) .sequenceBadge {
color: var(--brand-primary);
text-shadow:
0 0 5px color-mix(in srgb, var(--glow-color) 60%, transparent),
0 0 12px color-mix(in srgb, var(--glow-color) 30%, transparent);
}
.sequenceBadgeMobile {

21
fluxer_app/src/components/popouts/UserProfileBadges.tsx
View File

@ -45,23 +45,9 @@ interface IconBadge extends BaseBadge {
interface TextBadge extends BaseBadge {
type: 'text';
text: string;
glowColor: string;
}
type Badge = IconBadge | TextBadge;
const GLOW_COLORS = [
'#ff6b9d', // rose
'#c084fc', // violet
'#60a5fa', // sky blue
'#34d399', // emerald
'#fbbf24', // amber
'#f472b6', // pink
'#818cf8', // indigo
'#2dd4bf', // teal
'#fb923c', // orange
'#a78bfa', // purple
] as const;
interface UserProfileBadgesProps {
user: UserRecord;
profile: ProfileRecord | null;
@ -149,7 +135,6 @@ export const UserProfileBadges: React.FC<UserProfileBadgesProps> = observer(
text: `#${profile.premiumLifetimeSequence}`,
tooltip: t`Visionary ID #${profile.premiumLifetimeSequence}`,
url: badgeUrl,
glowColor: GLOW_COLORS[profile.premiumLifetimeSequence % GLOW_COLORS.length],
});
}
}
@ -188,11 +173,7 @@ export const UserProfileBadges: React.FC<UserProfileBadgesProps> = observer(
badge.type === 'icon' ? (
<img src={badge.iconUrl} alt={badge.tooltip} className={badgeClassName} />
) : (
<span
className={clsx(styles.sequenceBadge, sequenceClassName)}
style={{'--glow-color': badge.glowColor} as React.CSSProperties}
aria-hidden="true"
>
<span className={clsx(styles.sequenceBadge, sequenceClassName)} aria-hidden="true">
{badge.text}
</span>
);