feat: add search filter bar to playlist detail and favorites views

This commit is contained in:
Honey committed 2026-05-13 13:58:08 +02:00
1 parent d5470a6440
commit e78df7bdb9
4 files changed
+37 -2

No files matched your search

+5
View File
@@ -718,6 +718,11 @@ nav{flex:1;overflow-y:auto;padding:4px 10px}
.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}
.list-search-wrap{position:relative;margin-bottom:12px}
.list-search-wrap svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text3);pointer-events:none}
.list-search{width:100%;box-sizing:border-box;padding:8px 12px 8px 32px;background:var(--surface);border:1px solid var(--border2);border-radius:8px;color:var(--text1);font-size:13px;font-family:var(--font);outline:none;transition:border-color .15s}
.list-search:focus{border-color:var(--accent)}
.list-search::placeholder{color:var(--text3)}
.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}