refactor(player): move SpectrumVisualizer into VolumeZone above volume slider

Rename VolumeControls to VolumeZone; stack 24-bucket SpectrumVisualizer above volume slider; remove it from PlayerSeekZone. MudSlider stays as seek placeholder. Pin flex-shrink:0 on volume-zone; add Class param to VolumeZone for layout flexibility.
2026-06-05 16:38:13 -04:00
parent eed99df0dd
commit cc1fa60a4d
9 changed files with 37 additions and 25 deletions
@@ -0,0 +1,17 @@
+using Microsoft.AspNetCore.Components;
+using MudBlazor;
+
+namespace DeepDrftPublic.Client.Controls.AudioPlayerBar;
+
+public partial class VolumeZone : ComponentBase
+{
+    [Parameter] public string? Class { get; set; }
+    [Parameter] public required double Volume { get; set; }
+    [Parameter] public required EventCallback<double> VolumeChanged { get; set; }
+    private string GetVolumeIcon()
+    {
+        if (Volume == 0) return Icons.Material.Filled.VolumeOff;
+        if (Volume < 0.5) return Icons.Material.Filled.VolumeDown;
+        return Icons.Material.Filled.VolumeUp;
+    }
+}