feat(mix-visualizer): gate knob controls with Blazor @if in TopContent band; drop CSS collapse, glass, and TopRowCenter slot

This commit is contained in:
daniel-c-harvey
2026-06-16 20:31:42 -04:00
parent daafae8af6
commit fc7c9e978f
6 changed files with 39 additions and 117 deletions
@@ -7,20 +7,16 @@
<div class="deepdrft-track-detail-container">
@* Three-zone top row: back link (left) | optional center affordance | optional action (right), on
one SpaceBetween row. Both the center and action slots stay null for media that don't supply them
(Track/Cut/Session), so SpaceBetween collapses to the back link alone at the left edge. The Mix
detail page fills the center with its in-flow visualizer-controls container (§7b). The native
wrapper lets the row flex-wrap the center zone to its own line on narrow widths, keeping the
controls in-flow rather than clipping. *@
@* Two-end top row: back link (left) | optional action (right), on one SpaceBetween row. The action
slot stays null for media that don't supply it (Track/Cut/Session), so SpaceBetween collapses to
the back link alone at the left edge. The Mix detail page fills the action with its lava-lamp
toggle and renders its knob band below via TopContent. *@
<div class="deepdrft-track-detail-top-row">
<MudStack Row AlignItems="AlignItems.Center" Justify="Justify.SpaceBetween" Class="deepdrft-track-detail-top-row-stack">
<MudStack Row AlignItems="AlignItems.Center" Justify="Justify.SpaceBetween">
<MudLink Href="@BackHref" Typo="Typo.body2" Class="deepdrft-track-detail-back">
&larr; @BackLabel
</MudLink>
@TopRowCenter
@TopRightAction
</MudStack>
</div>