daniel/deepdrft
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 13 Wiki Activity

fix(mix-visualizer): move seven-knob controls in-flow between back link and lava lamp (Phase 10 reframe §7b)

Browse Source
This commit is contained in:
daniel-c-harvey
2026-06-16 20:12:02 -04:00
parent b7a60f24c5
commit 841822d8fe
6 changed files with 80 additions and 62 deletions
Download Patch File Download Diff File Expand all files Collapse all files
DeepDrftPublic.Client/Controls/ReleaseDetailScaffold.razor
+16 -8
View File
@@ -7,15 +7,23 @@
<div class="deepdrft-track-detail-container">
@* Back link top-left, optional medium action top-right, on one SpaceBetween row. The action slot
stays null for media that don't supply it (Track/Session), so they render the back link alone. *@
<MudStack Row AlignItems="AlignItems.Center" Justify="Justify.SpaceBetween">
<MudLink Href="@BackHref" Typo="Typo.body2" Class="deepdrft-track-detail-back">
&larr; @BackLabel
</MudLink>
@* 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. *@
<div class="deepdrft-track-detail-top-row">
<MudStack Row AlignItems="AlignItems.Center" Justify="Justify.SpaceBetween" Class="deepdrft-track-detail-top-row-stack">
<MudLink Href="@BackHref" Typo="Typo.body2" Class="deepdrft-track-detail-back">
&larr; @BackLabel
</MudLink>
@TopRightAction
</MudStack>
@TopRowCenter
@TopRightAction
</MudStack>
</div>
@TopContent