Add tape pause toggles

This commit is contained in:
dirtydishes 2025-12-27 20:01:28 -05:00
parent 053e8e6cea
commit fd175260c9
2 changed files with 82 additions and 9 deletions

View file

@ -109,6 +109,10 @@ h1 {
min-width: 180px;
}
.status-paused {
background: #fff3e4;
}
.status-dot {
width: 12px;
height: 12px;
@ -135,6 +139,29 @@ h1 {
color: #6f5b39;
}
.pause-button {
border: 1px solid rgba(47, 109, 79, 0.3);
border-radius: 999px;
padding: 6px 12px;
background: rgba(47, 109, 79, 0.12);
color: #2f6d4f;
font-size: 0.75rem;
letter-spacing: 0.12em;
text-transform: uppercase;
cursor: pointer;
}
.status-paused .pause-button {
border-color: rgba(196, 111, 42, 0.4);
background: rgba(196, 111, 42, 0.16);
color: #8c4a16;
}
.pause-button:focus-visible {
outline: 2px solid rgba(47, 109, 79, 0.4);
outline-offset: 2px;
}
.card {
border: 1px solid var(--panel-border);
border-radius: 24px;