diff options
Diffstat (limited to 'frontend/app/prism-shell.css')
| -rw-r--r-- | frontend/app/prism-shell.css | 51 |
1 files changed, 51 insertions, 0 deletions
diff --git a/frontend/app/prism-shell.css b/frontend/app/prism-shell.css index 7b9ccf4..ce9b3bd 100644 --- a/frontend/app/prism-shell.css +++ b/frontend/app/prism-shell.css @@ -1829,3 +1829,54 @@ width: 64px; } } + +/* ── Volume card ────────────────────────────────── */ + +.psm-vol-list { + display: flex; + flex-direction: column; + gap: var(--sp-3); +} + +.psm-vol-row { + display: grid; + grid-template-columns: 52px 1fr auto; + gap: var(--sp-3); + align-items: center; +} + +.psm-vol-label { + color: var(--fg-4); + font-size: var(--fs-12); + font-weight: 600; + letter-spacing: var(--tr-wider); + text-transform: uppercase; +} + +.psm-vol-track { + height: 4px; + border-radius: var(--r-full); + background: var(--ink-3); + overflow: hidden; +} + +.psm-vol-fill { + height: 100%; + border-radius: var(--r-full); + background: var(--info); + transition: width 300ms ease; +} + +.psm-vol-fill.accent { + background: var(--brass); +} + +.psm-vol-value { + color: var(--fg-2); + font-family: var(--font-mono); + font-size: var(--fs-13); + font-variant-numeric: tabular-nums; + text-align: right; + white-space: nowrap; + min-width: 60px; +} |
