style: badges centered to flags, wider dashboard, mobile header actions

MatchCard:
- Badges (group, countdown, LIVE, BEENDET) now vertically centered
  to flag height, positioned left/right of the teams
- Removed separate topRow — all in one matchBlock flex layout

Dashboard:
- max-width increased to 800px (matches spielplan width)

Header:
- Theme toggle + admin link moved to headerActions (always visible)
- Theme toggle icon in gold color (was too dark in dark mode)
- Admin link brighter (text-secondary instead of text-muted)

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Ronny
2026-04-12 13:55:00 +02:00
parent 0e1675fe90
commit 799239dcc1
5 changed files with 70 additions and 51 deletions
+3 -1
View File
@@ -93,6 +93,8 @@ export default function App() {
<NavLink to="/profil" className={({ isActive }) => isActive ? styles.navLinkActive : styles.navLink}>
Mein Profil
</NavLink>
</nav>
<div className={styles.headerActions}>
<NavLink to="/admin" className={styles.adminLink} title="Admin">
<Settings size={16} />
</NavLink>
@@ -104,7 +106,7 @@ export default function App() {
>
{theme === 'dark' ? <Sun size={16} /> : <Moon size={16} />}
</button>
</nav>
</div>
</div>
</header>