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.
This commit is contained in:
daniel-c-harvey
2026-06-17 13:06:48 -04:00
parent 0dce46bcab
commit 528f09d96a
6 changed files with 77 additions and 64 deletions
@@ -45,26 +45,3 @@
color: rgba(250, 250, 248, 0.45);
letter-spacing: 0.08em;
}
/* Contained visualizer region (Phase 12 mode C). The visualizer mounts with Fill="true", whose
layer is `position: absolute; inset: 0` — so this box must be a positioned, sized ancestor for the
canvas to fill. `overflow: hidden` keeps the lava inside the card's rounded chrome. The height is the
card's bounded live readout — taller than the old synthetic-bar strip so the real waveform reads, but
still compact for a home-page hero panel. */
.np-visualizer {
position: relative;
height: 120px;
margin-top: 1.2rem;
overflow: hidden;
border-radius: 2px;
}
/* The lava-lamp popover trigger overlays the visualizer's top-right corner (full parity, §8e). Above
the canvas (z-index) and pointer-enabled so the icon is clickable even though the canvas layer below
it is pointer-events:none. */
.np-visualizer-controls {
position: absolute;
top: 0.25rem;
right: 0.25rem;
z-index: 1;
}