feat: add sort filter chips to albums and favorites views

This commit is contained in:
Honey committed 2026-05-13 12:53:34 +02:00
1 parent 751cc05b89
commit 47f1605965
4 files changed
+40 -6

No files matched your search

+5
View File
@@ -713,6 +713,11 @@ nav{flex:1;overflow-y:auto;padding:4px 10px}
.similar-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:24px}
.similar-chip{padding:6px 12px;background:var(--surface);border:1px solid var(--border2);border-radius:20px;font-size:12px;font-weight:600;cursor:pointer;transition:border-color .15s,color .15s}
.similar-chip:hover{border-color:var(--accent);color:var(--accent)}
.sort-chips{display:flex;flex-wrap:nowrap;gap:6px;margin-bottom:16px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.sort-chips::-webkit-scrollbar{display:none}
.sort-chip{padding:6px 14px;background:var(--surface);border:1px solid var(--border2);border-radius:20px;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;color:var(--text2);font-family:var(--font);transition:border-color .15s,color .15s,background .15s}
.sort-chip:hover{border-color:var(--accent);color:var(--accent)}
.sort-chip.active{background:var(--accent);border-color:var(--accent);color:#000}
.topsong-item{display:grid;grid-template-columns:28px 44px 1fr auto;align-items:center;gap:10px;padding:7px 10px;border-radius:8px;cursor:pointer;transition:background .15s}
.topsong-item:hover{background:var(--surface)}
.topsong-num{font-size:11px;color:var(--text3);font-family:var(--mono);text-align:center}