mirror of
https://github.com/jeffvli/feishin.git
synced 2026-07-15 23:19:58 +02:00
reduce opacity of fullscreen player header when not hovered
This commit is contained in:
@@ -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 {
|
||||||
|
|||||||
Reference in New Issue
Block a user