fix: LED digits individually spaced — fixes '2 1:00' gap in DSEG7 font

2026-04-12 12:42:47 +02:00
parent 0da2d665da
commit d166808a91
2 changed files with 28 additions and 4 deletions
@@ -81,9 +81,13 @@ export default function DashboardPage(_props: Props) {
                <span className={styles.heroTeamName}>{hero.match.homeTeam.shortName}</span>
              </div>

-              {/* Center: LED time */}
+              {/* Center: LED time — each digit fixed-width for even spacing */}
              <div className={styles.heroCenter}>
-                <span className={styles.heroLED}>{formatKickoff(hero.match.utcDate)}</span>
+                <span className={styles.heroLED}>
+                  {formatKickoff(hero.match.utcDate).split('').map((ch, i) => (
+                    <span key={i} className={ch === ':' ? styles.ledColon : styles.ledDigit}>{ch}</span>
+                  ))}
+                </span>
              </div>

              <div className={styles.heroTeam}>