reduce opacity of fullscreen player header when not hovered

This commit is contained in:
jeffvli
2026-07-10 15:16:14 -07:00
parent b4e530ea07
commit aea5a880ea
@@ -11,6 +11,11 @@
padding: 2rem 2rem 1rem; padding: 2rem 2rem 1rem;
} }
:global(.full-screen-player-queue-header) {
opacity: 0.2;
transition: opacity 0.2s ease;
}
&:hover .controls-container { &:hover .controls-container {
[data-variant='subtle'] { [data-variant='subtle'] {
color: var(--theme-colors-foreground); color: var(--theme-colors-foreground);
@@ -30,6 +35,10 @@
} }
} }
} }
&:hover :global(.full-screen-player-queue-header) {
opacity: 1;
}
} }
.responsive-container { .responsive-container {