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

Default Albums and Songs to alphabetical order, add persistent library sort menus, and keep playback aligned with the visible song order.

Browse Source 
Hop-State: A_06FNQ90C7TQXZ6APYR62T0G
Hop-Proposal: R_06FNQ8VERR6PDDYVM77RRZ0
Hop-Task: T_06FNQ7J1TEJ4F97CQBZP78R
Hop-Attempt: AT_06FNQ7J1TDTBP7HVX6K1FC0
This commit is contained in:
cyph3rasi
2026-07-13 06:21:45 -07:00
committed by Hop
parent c858762a4a
commit e15c692cd7
5 changed files with 194 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/styles.css
+9
View File
@@ -108,6 +108,13 @@ main { min-width: 0; height: calc(100vh - var(--player-height)); overflow-y: aut
.section-heading > button { display: flex; align-items: center; gap: 3px; padding: 5px 0; border: 0; color: var(--muted); background: transparent; font-size: 0.73rem; }
.section-heading > button:hover { color: var(--ink); }
.section-heading > span { color: var(--faint); font-size: 0.72rem; }
.section-heading-actions { display: flex; align-items: center; gap: 12px; }
.section-heading-actions > span { color: var(--faint); font-size: 0.72rem; white-space: nowrap; }
.sort-control { display: inline-flex; min-height: 34px; align-items: center; gap: 7px; padding: 0 9px; border: 1px solid var(--line); border-radius: 9px; color: var(--muted); background: var(--surface); transition: border-color 150ms ease, color 150ms ease, background 150ms ease; }
.sort-control:hover { border-color: oklch(0.44 0.02 275); color: var(--ink); background: var(--surface-raised); }
.sort-control:focus-within { border-color: var(--focus); box-shadow: 0 0 0 3px oklch(0.78 0.12 255 / 0.1); }
.sort-control select { max-width: 145px; padding: 0; border: 0; outline: 0; color: inherit; background: transparent; font-size: 0.71rem; font-weight: 600; cursor: pointer; }
.sort-control option { color: var(--ink); background: var(--surface); }
.album-grid { display: grid; grid-template-columns: repeat(6, minmax(110px, 1fr)); gap: clamp(14px, 2vw, 25px); }
.album-tile { position: relative; min-width: 0; }
.album-tile > div:not(.cover) { min-width: 0; padding-top: 11px; }
@@ -324,6 +331,8 @@ input[type="range"]:hover::-webkit-slider-thumb, input[type="range"]:focus-visib
.album-tile:nth-child(n + 5) { display: block; }
.section-heading { align-items: flex-end; }
.section-heading h2 { font-size: 1.25rem; }
.section-heading-actions { align-items: flex-end; flex-direction: column-reverse; gap: 5px; }
.sort-control select { max-width: 126px; }
.track-row { grid-template-columns: minmax(0, 1fr) 32px 32px; }
.track-time, .track-row > .icon-button:last-child { display: none; }
.track-main { grid-template-columns: 25px 38px minmax(0, 1fr); gap: 8px; }