style: unified flag+time design across Dashboard and Spielplan

Dashboard:
- Flags aligned to top (flex-start) — consistent height regardless of name length
- LED time centered to flag height (64px)

Match Cards:
- Flags fullbleed (object-fit: cover), larger (56px), glassmorphism shine
- LED kickoff time replaces dash separator between flags
- Score appears at same position when Live/Finished
- Removed separate kickoffRow — cards are more compact
- scoreBox height matches flag height for vertical centering

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Ronny
2026-04-12 13:22:13 +02:00
parent 91ea1f4dc3
commit 44199b0a90
3 changed files with 31 additions and 49 deletions
+5 -4
View File
@@ -103,12 +103,13 @@
50% { opacity: 0.3; }
}
/* Center column: LED time between flags */
/* Center column: LED time between flags, vertically centered to flag height */
.heroCenter {
display: flex;
flex-direction: column;
align-items: center;
gap: 4px;
justify-content: center;
height: 64px; /* matches flag box height */
position: relative;
z-index: 1;
}
@@ -152,8 +153,8 @@
.heroTeams {
display: flex;
justify-content: center;
align-items: center;
gap: 12px;
align-items: flex-start;
gap: 8px;
margin: 16px 0 20px;
position: relative;
z-index: 1;