refactor: improve timer styling in playback controls

This commit is contained in:
Carlos Valente
2026-02-23 20:01:22 +01:00
committed by Carlos Valente
parent d9a18b0c42
commit 88f21e2186
@@ -42,7 +42,11 @@ export default function PlaybackTimer({ children }: PropsWithChildren) {
<div className={style.indicatorNegative} data-active={isOvertime} />
<Tooltip text={addedTimeLabel} render={<div />} className={style.indicatorDelay} data-active={hasAddedTime} />
</div>
<TimerDisplay time={isWaiting ? timer.secondaryTimer : timer.current} phase={timer.phase} />
<TimerDisplay
className={style.timerDisplay}
time={isWaiting ? timer.secondaryTimer : timer.current}
phase={timer.phase}
/>
<div className={style.status}>
{isWaiting ? (
<span className={style.rolltag}>Roll: Countdown to start</span>