diff --git a/src/components/output/ScoreboardScene.jsx b/src/components/output/ScoreboardScene.jsx index 5368649..4960ea8 100644 --- a/src/components/output/ScoreboardScene.jsx +++ b/src/components/output/ScoreboardScene.jsx @@ -60,38 +60,91 @@ function ScoreboardScene({ gameState, timerDisplay, homeLogoPath, guestLogoPath, )} - {/* Row 2: Home Logo | Home Score | : | Away Score | Away Logo */} -
- {/* Home Logo */} -
- {homeLogoPath && ( - Home - )} + {/* Row 2: Home Logo | Score (fix zentriert) | Away Logo */} +
+ {/* Logos – linke und rechte Hälfte */} +
+ {/* Home Logo – nur linkes Drittel */} +
+ {homeLogoPath && ( + Home + )} +
+ + {/* Guest Logo – nur rechtes Drittel */} +
+ {guestLogoPath && ( + Away + )} +
- {/* Score */} + {/* Score – : exakt auf Mittellinie, Ziffern symmetrisch links/rechts */}
- {gameState.homeScore} + {/* Home Score */} +
+ {gameState.homeScore} +
+ + {/* Doppelpunkt – exakt auf left: 50% */} : - {gameState.guestScore} -
- {/* Away Logo */} -
- {guestLogoPath && ( - Away - )} + {/* Guest Score */} +
+ {gameState.guestScore} +