GnosysLabs/Resonant
2
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

Make shuffle reorder and restore the play queue, add off/all/one repeat playback, and remove Resonant Radio UI.

Browse Source 
Hop-State: A_06FNNZKG8MKNEJA6QXQ1ZER
Hop-Proposal: R_06FNNZJMKS1Z9RBS9ADD3ER
Hop-Task: T_06FNNXTJEGA5TEAZ2GA55X0
Hop-Attempt: AT_06FNNXTJEHPH9SQPGKC0P9G
This commit is contained in:
cyph3rasi
2026-07-13 03:20:52 -07:00
committed by Hop
parent f34266b704
commit a4b66954bd
6 changed files with 274 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/styles.css
+1 -2
View File
@@ -42,12 +42,10 @@ button:disabled { cursor: wait; opacity: 0.65; }
.brand-mark { display: grid; width: 29px; height: 29px; place-items: center; border-radius: 9px; color: oklch(0.16 0.015 275); background: var(--accent-bright); box-shadow: 0 8px 30px oklch(0.55 0.16 28 / 0.16); }
.sidebar nav { display: grid; gap: 4px; }
.nav-label { margin: 0 10px 8px; color: var(--faint); font-size: 0.67rem; font-weight: 700; letter-spacing: 0.13em; text-transform: uppercase; }
.nav-label--second { margin-top: 25px; }
.sidebar nav button { display: flex; width: 100%; align-items: center; gap: 11px; padding: 9px 10px; border: 0; border-radius: 9px; color: var(--muted); background: transparent; font-size: 0.86rem; font-weight: 500; text-align: left; transition: color 160ms ease, background 160ms ease; }
.sidebar nav button:hover { color: var(--ink); background: oklch(0.23 0.012 275 / 0.62); }
.sidebar nav button.active { color: var(--ink); background: oklch(0.25 0.018 275 / 0.82); }
.sidebar nav button.active svg { color: var(--accent-bright); }
.sidebar nav em { margin-left: auto; padding: 2px 6px; border: 1px solid var(--line); border-radius: 99px; color: var(--faint); font-size: 0.58rem; font-style: normal; letter-spacing: 0.05em; text-transform: uppercase; }
.server-pill { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 9px; width: 100%; margin-top: auto; padding: 10px; border: 1px solid var(--line); border-radius: 11px; background: oklch(0.19 0.01 275); text-align: left; }
.server-pill:hover { border-color: oklch(0.43 0.02 275); background: oklch(0.22 0.012 275); }
@@ -92,6 +90,7 @@ main { min-width: 0; height: calc(100vh - var(--player-height)); overflow-y: aut
.button-secondary:hover { border-color: oklch(0.48 0.022 275); background: var(--surface-raised); }
.button-quiet { border: 1px solid oklch(0.79 0.018 275 / 0.22); color: oklch(0.88 0.01 275); background: oklch(0.15 0.012 275 / 0.3); }
.button-quiet:hover { background: oklch(0.74 0.02 275 / 0.13); }
.button-quiet.is-active { border-color: oklch(0.75 0.15 28 / 0.5); color: var(--accent-bright); background: oklch(0.68 0.17 28 / 0.12); }
.hero-art { position: relative; display: grid; min-height: 236px; place-items: center; }
.hero-art .cover { position: relative; z-index: 2; transform: rotate(3deg); box-shadow: -20px 28px 70px oklch(0.06 0.018 275 / 0.52); }
.orbit { position: absolute; width: 290px; height: 290px; border: 1px solid oklch(0.82 0.04 268 / 0.13); border-radius: 50%; }