itlxrd/psysonic
1
0
Fork 0
mirror of https://github.com/kilyabin/psysonic.git synced 2026-07-22 14:35:41 +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;
}
src/styles/theme.css
+13 -13
View File
@@ -3306,13 +3306,13 @@ select.input.input:focus {
.card {
background: var(--bg-card);
border-radius: var(--radius-lg);
border: 1px solid var(--border-subtle);
overflow: hidden;
box-shadow: inset 0 0 0 1px var(--border-subtle);
transition: transform var(--transition-base), box-shadow var(--transition-base);
}
.card:hover {
transform: translateY(-2px);
box-shadow: var(--shadow-md);
box-shadow: inset 0 0 0 1px var(--border), var(--shadow-md);
}
/* ─── Album Grid ─── */
@@ -11516,21 +11516,17 @@ input[type="range"]:hover::-webkit-slider-thumb {
--logo-color-end: #C8960C;
}
/* Sidebar — Nile-sky deep blue, subtle hieroglyph grid */
/* Sidebar — Nile-sky deep blue, drifting cloud wisps */
[data-theme='powerslave'] .sidebar {
background: #0A2035;
border-right: none;
background-image:
repeating-linear-gradient(
0deg,
rgba(46, 123, 184, 0.08) 0px, transparent 1px, transparent 48px,
rgba(46, 123, 184, 0.08) 49px
),
repeating-linear-gradient(
90deg,
rgba(46, 123, 184, 0.05) 0px, transparent 1px, transparent 96px,
rgba(46, 123, 184, 0.05) 97px
);
radial-gradient(ellipse 130% 30% at 50% 6%, rgba(140, 190, 235, 0.07) 0%, transparent 65%),
radial-gradient(ellipse 90% 25% at 18% 22%, rgba(100, 155, 205, 0.05) 0%, transparent 60%),
radial-gradient(ellipse 115% 28% at 78% 38%, rgba(120, 170, 225, 0.05) 0%, transparent 65%),
radial-gradient(ellipse 100% 26% at 38% 58%, rgba( 90, 145, 195, 0.04) 0%, transparent 60%),
radial-gradient(ellipse 120% 30% at 68% 75%, rgba(110, 165, 218, 0.05) 0%, transparent 65%),
radial-gradient(ellipse 85% 24% at 22% 92%, rgba(130, 180, 232, 0.04) 0%, transparent 60%);
}
[data-theme='powerslave'] .nav-link { color: rgba(200, 224, 248, 0.65); }
@@ -11633,6 +11629,10 @@ input[type="range"]:hover::-webkit-slider-thumb {
border: 1px solid #806006;
}
[data-theme='powerslave'] .album-card-details-btn:hover {
background: linear-gradient(180deg, #E0A028 0%, #D48818 50%, #B07010 100%);
}
/* Badge — gold pill */
[data-theme='powerslave'] .badge,
[data-theme='powerslave'] .album-detail-badge {