reduce opacity of fullscreen player header when not hovered

2026-07-13 22:20:13 +02:00 · 2026-07-10 15:16:14 -07:00
parent b4e530ea07
commit aea5a880ea
1 changed files with 9 additions and 0 deletions
@@ -11,6 +11,11 @@
        padding: 2rem 2rem 1rem;
    }

+    :global(.full-screen-player-queue-header) {
+        opacity: 0.2;
+        transition: opacity 0.2s ease;
+    }
+
    &:hover .controls-container {
        [data-variant='subtle'] {
            color: var(--theme-colors-foreground);
@@ -30,6 +35,10 @@
            }
        }
    }
+
+    &:hover :global(.full-screen-player-queue-header) {
+        opacity: 1;
+    }
 }

 .responsive-container {