itlxrd/psysonic
1
0
Fork 0
mirror of https://github.com/kilyabin/psysonic.git synced 2026-07-21 22:15:40 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: v1.23.0 — Advanced Search, Genre Mix overhaul, Playlist append, Contributors table

Browse Source 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Psychotoxical
2026-03-30 22:56:59 +02:00
parent 74b519f9f5
commit 43c656dfc3
16 changed files with 714 additions and 144 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/styles/components.css
+34 -6
View File
@@ -169,15 +169,14 @@
cursor: pointer;
background: var(--bg-card);
border-radius: var(--radius-lg);
border: 1px solid var(--border-subtle);
overflow: hidden;
transition: transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base);
box-shadow: inset 0 0 0 1px var(--border-subtle);
transition: transform var(--transition-base), box-shadow var(--transition-base);
}
.album-card:hover {
transform: translateY(-3px);
box-shadow: var(--shadow-md);
border-color: var(--border);
box-shadow: inset 0 0 0 1px var(--border), var(--shadow-md);
}
.album-card-cover {
@@ -363,6 +362,11 @@
gap: var(--space-4);
}
.album-grid-wrap .album-card {
content-visibility: auto;
contain-intrinsic-size: 0 220px;
}
@media (min-width: 1024px) {
.album-grid-wrap {
@@ -498,13 +502,13 @@
.live-search-field {
padding-left: 36px !important;
padding-right: 32px !important;
padding-right: 58px !important;
border-radius: var(--radius-full) !important;
}
.live-search-clear {
position: absolute;
right: 12px;
right: 8px;
font-size: 18px;
color: var(--text-muted);
line-height: 1;
@@ -515,6 +519,29 @@
color: var(--text-primary);
}
.live-search-adv-btn {
position: absolute;
right: 30px;
display: flex;
align-items: center;
justify-content: center;
width: 22px;
height: 22px;
background: none;
border: none;
cursor: pointer;
color: var(--text-muted);
opacity: 0.55;
transition: opacity var(--transition-fast), color var(--transition-fast);
border-radius: var(--radius-sm);
padding: 0;
}
.live-search-adv-btn:hover {
opacity: 1;
color: var(--accent);
}
.live-search-dropdown {
position: absolute;
top: calc(100% + 8px);
@@ -4127,6 +4154,7 @@
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
max-height: 220px;
overflow-y: auto;
overscroll-behavior: contain;
z-index: 500;
}