Add tape pause toggles
This commit is contained in:
parent
053e8e6cea
commit
fd175260c9
2 changed files with 82 additions and 9 deletions
|
|
@ -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;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue