feat: desktop layout optimization

Dashboard: 2-column layout (hero left 60%, stats+nudges right 40%)
Spielplan: 2-column grid for match cards on desktop
Profile: wider max-width (900px), 6-column achievement grid
Header: Admin link back in desktop nav, max-width 1200px
All via CSS media queries (min-width: 768px), no HTML restructuring.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Ronny
2026-04-12 17:26:20 +02:00
parent 1be1cdba2f
commit 132ea4f7d0
6 changed files with 66 additions and 5 deletions
+16 -1
View File
@@ -1,4 +1,10 @@
.page { display: flex; flex-direction: column; gap: 16px; }
.page {
display: flex;
flex-direction: column;
gap: 16px;
max-width: 1100px;
margin: 0 auto;
}
/* ── Stats Card (glassmorphism) ── */
.statsCard {
@@ -122,6 +128,15 @@
margin-bottom: 8px;
}
/* Desktop: 2-column grid for match cards */
@media (min-width: 768px) {
.matchList {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
}
}
/* ── Past matches toggle ── */
.pastToggle {
display: flex;