Move NowPlaying waveform visualizer to full-bleed hero-right background

Lift the WaveformVisualizer + control popover out of the 120px NowPlayingCard box into NowPlaying as a full-panel background layer; migrate the hero-right wrapper and its scoped styles from Home into NowPlaying.
2026-06-17 13:06:48 -04:00
parent 0dce46bcab
commit 528f09d96a
6 changed files with 77 additions and 64 deletions
@@ -14,9 +14,7 @@
        </MudItem>

        <MudItem xs="12" md="6">
-            <div class="hero-right">
-                <NowPlaying />
-            </div>
+            <NowPlaying />
        </MudItem>
    </MudGrid>
    <ParallaxImage Image1="img/dd-duo-hero-bw.jpeg" 
@@ -19,20 +19,9 @@
    height: 100%;
 }

-.hero-right {
-    background: var(--deepdrft-navy);
-    position: relative;
-    display: flex;
-    flex-direction: column;
-    justify-content: flex-end;
-    overflow: hidden;
-    height: 100%;
-}
-
@media (max-width: 960px) {
    .hero { min-height: auto; }
    .hero-left { padding: 4rem 1.5rem 3rem; }
-    .hero-right { min-height: 50vh; }
 }

 /* ── DIVIDER ── */