soeren/fotospiel-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix guest PWA dark mode contrast

Browse Source
This commit is contained in:
Codex Agent
2026-01-22 15:47:26 +01:00
parent b6e0005734
commit 91bb09248a
6 changed files with 95 additions and 83 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
resources/js/guest/components/EmotionPicker.tsx
View File

@@ -104,9 +104,9 @@ export default function EmotionPicker({
<div className="flex items-center justify-between">
<h3 className="text-base font-semibold">
{headingTitle}
{headingSubtitle && <span className="ml-2 text-xs text-muted-foreground">{headingSubtitle}</span>}
{headingSubtitle && <span className="ml-2 text-xs text-muted-foreground dark:text-white/70">{headingSubtitle}</span>}
</h3>
{loading && <span className="text-xs text-muted-foreground">Lade Emotionen…</span>}
{loading && <span className="text-xs text-muted-foreground dark:text-white/70">Lade Emotionen…</span>}
</div>
)}
@@ -146,12 +146,12 @@ export default function EmotionPicker({
{emotion.emoji}
</span>
<div className="flex-1 min-w-0">
<div className="font-medium text-sm text-foreground">{localizedName}</div>
<div className="font-medium text-sm text-foreground dark:text-white">{localizedName}</div>
{localizedDescription && (
<div className="text-xs text-muted-foreground line-clamp-2">{localizedDescription}</div>
<div className="text-xs text-muted-foreground line-clamp-2 dark:text-white/60">{localizedDescription}</div>
)}
</div>
<ChevronRight className="h-4 w-4 text-muted-foreground opacity-0 transition group-hover:opacity-100" />
<ChevronRight className="h-4 w-4 text-muted-foreground opacity-0 transition group-hover:opacity-100 dark:text-white/60" />
</div>
</button>
);