feat: timer overview shows waiting timer

This commit is contained in:
Carlos Valente
2025-08-06 06:28:34 +02:00
committed by Carlos Valente
parent dddeefd544
commit f1a8db9649
9 changed files with 37 additions and 79 deletions
@@ -3,15 +3,12 @@
top: 0;
width: 100%;
z-index: $zindex-floating;
background-color: $gray-1350;
border-bottom: 1px solid $white-10;
box-shadow: $large-top-drawer-shadow;
}
.timers {
padding-block: 0.75rem 0.5rem;
padding-inline: 1rem;
padding-inline: 1rem 0;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
@@ -20,35 +17,14 @@
.runningTimer {
grid-area: timers;
display: flex;
flex-direction: column;
justify-self: center;
color: $muted-gray;
}
.timeNow {
grid-area: clock;
display: flex;
flex-direction: column;
justify-self: right;
}
.label {
font-size: calc(1rem - 2px);
color: $gray-700;
line-height: 0.9em;
}
.timer {
font-size: 1.5rem;
letter-spacing: 0.5px;
line-height: 1.5;
}
.active {
color: $ui-white;
}
.progressOverride {
grid-area: bar;
height: 1rem;