hotfix/167: style negative timers (#169)

This commit is contained in:
Carlos Valente
2022-07-01 00:03:26 +02:00
committed by GitHub
parent 3edb534e90
commit 8ece6b141c
2 changed files with 4 additions and 1 deletions
@@ -106,7 +106,7 @@ export default function Countdown(props) {
</div> </div>
</div> </div>
<div className={style.status}>{runningMessage}</div> <div className={style.status}>{runningMessage}</div>
<span className={`${style.countdownClock} ${standby ? style.standby : ''}`}> <span className={`${style.countdownClock} ${standby ? style.standby : ''} ${time.finished ? style.finished : ''}`}>
{formatDisplay( {formatDisplay(
time.running ? runningTimer : runningTimer + millisToSeconds(delay), time.running ? runningTimer : runningTimer + millisToSeconds(delay),
time.running || time.waiting time.running || time.waiting
@@ -105,6 +105,9 @@
&.standby { &.standby {
opacity: 0.6; opacity: 0.6;
} }
&.finished {
color: $ontime-pink-variant;
}
} }
} }
} }