photo visibility for demo events, hardened the demo mode. fixed dark/light mode toggle and notification bell toggle. fixed photo upload page sizes & header visibility.
This commit is contained in:
@@ -91,7 +91,7 @@ type BadgesGridProps = {
|
||||
t: TranslateFn;
|
||||
};
|
||||
|
||||
function BadgesGrid({ badges, t }: BadgesGridProps) {
|
||||
export function BadgesGrid({ badges, t }: BadgesGridProps) {
|
||||
if (badges.length === 0) {
|
||||
return (
|
||||
<Card>
|
||||
@@ -121,11 +121,12 @@ function BadgesGrid({ badges, t }: BadgesGridProps) {
|
||||
return (
|
||||
<div
|
||||
key={badge.id}
|
||||
data-testid={`badge-card-${badge.id}`}
|
||||
className={cn(
|
||||
'relative overflow-hidden rounded-2xl border px-4 py-3 shadow-sm transition',
|
||||
badge.earned
|
||||
? 'border-emerald-400/40 bg-gradient-to-br from-emerald-500/20 via-emerald-500/5 to-white text-emerald-900'
|
||||
: 'border-border/60 bg-white/80',
|
||||
? 'border-emerald-400/40 bg-gradient-to-br from-emerald-500/20 via-emerald-500/5 to-white text-emerald-900 dark:border-emerald-400/30 dark:from-emerald-400/20 dark:via-emerald-400/10 dark:to-slate-950/70 dark:text-emerald-50'
|
||||
: 'border-border/60 bg-white/80 dark:border-slate-800/70 dark:bg-slate-950/60',
|
||||
)}
|
||||
>
|
||||
<div className="flex items-start justify-between gap-2">
|
||||
|
||||
Reference in New Issue
Block a user