diff --git a/frontend/src/components/MatchCard.module.css b/frontend/src/components/MatchCard.module.css index 3a2f0c7..32cb0f5 100644 --- a/frontend/src/components/MatchCard.module.css +++ b/frontend/src/components/MatchCard.module.css @@ -77,18 +77,20 @@ border: 1px solid rgba(75,183,248,0.15); } -/* Kickoff — stadium scoreboard display */ -.kickoffDisplay { - font-family: 'Courier New', 'Lucida Console', monospace; - font-size: 16px; - font-weight: 700; +/* Kickoff — stadium LED segment display */ +.kickoffRow { + text-align: center; + margin-bottom: 4px; +} + +.kickoffLED { + font-family: 'DSEG7', 'Courier New', monospace; + font-size: 26px; color: var(--gold); - letter-spacing: 0.12em; - background: rgba(0, 0, 0, 0.4); - padding: 3px 10px; - border-radius: 4px; - border: 1px solid rgba(254, 174, 50, 0.15); - text-shadow: 0 0 8px rgba(254, 174, 50, 0.5); + letter-spacing: 0.08em; + text-shadow: + 0 0 8px rgba(254, 174, 50, 0.6), + 0 0 20px rgba(254, 174, 50, 0.25); } .topRowSpacer { diff --git a/frontend/src/components/MatchCard.tsx b/frontend/src/components/MatchCard.tsx index 2d2a019..1491476 100644 --- a/frontend/src/components/MatchCard.tsx +++ b/frontend/src/components/MatchCard.tsx @@ -84,7 +84,7 @@ export default function MatchCard({ match, onTip }: Props) { return (
- {/* Top row: Group + Kickoff (stadium display) + Countdown */} + {/* Top row: Group + Countdown */}
{(isLive || isFinished) && ( @@ -97,9 +97,6 @@ export default function MatchCard({ match, onTip }: Props) { {match.group.replace('GROUP_', 'Gruppe ')} )} - {!isFinished && !isLive && ( - {formatKickoff(match.utcDate)} - )} {(state === 'open' || state === 'tipped') && match.tippable && ( @@ -116,6 +113,13 @@ export default function MatchCard({ match, onTip }: Props) { )}
+ {/* Kickoff — stadium LED display, centered */} + {!isFinished && !isLive && ( +
+ {formatKickoff(match.utcDate)} +
+ )} + {/* Teams + Score */}
{/* Home */} diff --git a/frontend/src/index.css b/frontend/src/index.css index ea17b9b..1a7e64a 100644 --- a/frontend/src/index.css +++ b/frontend/src/index.css @@ -2,6 +2,14 @@ WM 2026 Tippspiel — Stadium Elite Design System ============================================================ */ +/* Stadium LED Segment Display Font */ +@font-face { + font-family: 'DSEG7'; + src: url('https://cdn.jsdelivr.net/npm/dseg@0.46.0/fonts/DSEG7-Classic/DSEG7Classic-Regular.woff2') format('woff2'); + font-weight: 400; + font-display: swap; +} + /* --- Dark Mode (Standard) --- */ :root { --bg-deep: #0A0E1A;