feat: add sort filter chips to albums and favorites views
This commit is contained in:
1 parent
751cc05b89
commit
47f1605965
4 files changed
+40
-6
No files matched your search
@@ -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}
|
||||
|
||||
Reference in new issue
Block a user