danvics/soulsync
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

Update style.css

Browse source
This commit is contained in:
Broque Thomas 2026-03-03 19:00:50 -08:00
parent 0f428dc45c
commit d06b7e5a25
1 changed files with 11 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
webui/static/style.css
View file

@ -13638,6 +13638,7 @@ body {
gap: 20px; gap: 20px;
padding: 20px 0; padding: 20px 0;
flex: 1; flex: 1;
contain: layout style;
} }
/* Library Artist Card — full-bleed photo style */ /* Library Artist Card — full-bleed photo style */
@ -13647,13 +13648,17 @@ body {
border: 1px solid rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.06);
padding: 0; padding: 0;
cursor: pointer; cursor: pointer;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1),
box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1),
border-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
display: flex; display: flex;
flex-direction: column; flex-direction: column;
position: relative; position: relative;
overflow: hidden; overflow: hidden;
aspect-ratio: 0.8; aspect-ratio: 0.8;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3); box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
will-change: transform;
contain: layout style paint;
} }
.library-artist-card:hover { .library-artist-card:hover {
@ -13723,7 +13728,6 @@ body {
transparent 60%); transparent 60%);
pointer-events: none; pointer-events: none;
z-index: 1; z-index: 1;
transition: background 0.3s ease;
} }
.library-artist-card:hover::after { .library-artist-card:hover::after {
@ -25374,8 +25378,7 @@ body {
right: 8px; right: 8px;
width: 28px; width: 28px;
height: 28px; height: 28px;
background: rgba(0, 0, 0, 0.6); background: rgba(0, 0, 0, 0.75);
backdrop-filter: blur(4px);
/* MusicBrainz Purple - Force visible color */ /* MusicBrainz Purple - Force visible color */
border: 1px solid rgba(255, 255, 255, 0.3); border: 1px solid rgba(255, 255, 255, 0.3);
border-radius: 4px; border-radius: 4px;
@ -25399,8 +25402,7 @@ body {
right: 8px; right: 8px;
width: 28px; width: 28px;
height: 28px; height: 28px;
background: rgba(0, 0, 0, 0.6); background: rgba(0, 0, 0, 0.75);
backdrop-filter: blur(4px);
border: 1px solid rgba(255, 255, 255, 0.3); border: 1px solid rgba(255, 255, 255, 0.3);
border-radius: 4px; border-radius: 4px;
display: flex; display: flex;
@ -25440,8 +25442,7 @@ body {
right: 8px; right: 8px;
width: 28px; width: 28px;
height: 28px; height: 28px;
background: rgba(0, 0, 0, 0.6); background: rgba(0, 0, 0, 0.75);
backdrop-filter: blur(4px);
border: 1px solid rgba(var(--accent-rgb), 0.4); border: 1px solid rgba(var(--accent-rgb), 0.4);
border-radius: 4px; border-radius: 4px;
display: flex; display: flex;
@ -25461,8 +25462,7 @@ body {
align-items: center; align-items: center;
gap: 4px; gap: 4px;
padding: 4px 10px; padding: 4px 10px;
background: rgba(0, 0, 0, 0.6); background: rgba(0, 0, 0, 0.75);
backdrop-filter: blur(4px);
border: 1px solid rgba(255, 255, 255, 0.15); border: 1px solid rgba(255, 255, 255, 0.15);
border-radius: 12px; border-radius: 12px;
color: #e0e0e0; color: #e0e0e0;
@ -25471,7 +25471,7 @@ body {
font-family: 'SF Pro Text', -apple-system, BlinkMacSystemFont, sans-serif; font-family: 'SF Pro Text', -apple-system, BlinkMacSystemFont, sans-serif;
cursor: pointer; cursor: pointer;
z-index: 100; z-index: 100;
transition: all 0.2s ease; transition: opacity 0.2s ease, transform 0.2s ease;
opacity: 0; opacity: 0;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
} }