refactor: review overview styles

This commit is contained in:
Carlos Valente
2025-11-08 06:59:29 +01:00
committed by Carlos Valente
parent d34a1f0fd8
commit 15f3b9625c
7 changed files with 40 additions and 17 deletions
@@ -1,6 +1,6 @@
.label {
color: $label-gray;
font-size: calc(1rem - 2px);
font-size: calc(1rem - 3px);
}
.clock {
@@ -29,14 +29,21 @@
gap: 0.25rem;
}
.over,
.under {
transition: color 0.2s ease;
}
&[data-state='waiting'] {
.label {
color: $ontime-roll;
}
}
&[data-state='over'] {
.label .over {
color: $playback-over;
font-weight: 600;
}
.clock {
color: $playback-over;
@@ -46,6 +53,7 @@
&[data-state='under'] {
.label .under {
color: $playback-under;
font-weight: 600;
}
.clock {
color: $playback-under;