feature: AudioPlayerBar enhancements

This commit is contained in:
daniel-c-harvey
2026-06-06 17:48:07 -04:00
parent 7dfdad2666
commit a4b098b8ea
2 changed files with 8 additions and 2 deletions
@@ -60,7 +60,7 @@
.track-meta-accents { .track-meta-accents {
flex-direction: column; flex-direction: column;
align-items: flex-end; align-items: flex-start;
gap: 2px; gap: 2px;
} }
@@ -69,6 +69,12 @@
} }
} }
@media (max-width: 899.98px) {
::deep .track-meta-year {
padding-left: 8px;
padding-right: 8px;
}
}
/* Narrow band (<600): fully vertical — title / artist / genre / year all stacked, left-aligned. */ /* Narrow band (<600): fully vertical — title / artist / genre / year all stacked, left-aligned. */
@media (max-width: 599.98px) { @media (max-width: 599.98px) {
.track-meta-row { .track-meta-row {
@@ -1,7 +1,7 @@
@namespace DeepDrftPublic.Client.Controls.AudioPlayerBar @namespace DeepDrftPublic.Client.Controls.AudioPlayerBar
<MudStack Row="false" AlignItems="AlignItems.Center" Spacing="1" Class="@($"volume-zone {Class}".TrimEnd())"> <MudStack Row="false" AlignItems="AlignItems.Center" Spacing="1" Class="@($"volume-zone {Class}".TrimEnd())">
<SpectrumVisualizer BucketCount="10"/> <SpectrumVisualizer BucketCount="18"/>
<MudStack Row="true" AlignItems="AlignItems.Center" Spacing="1" Class="volume-row"> <MudStack Row="true" AlignItems="AlignItems.Center" Spacing="1" Class="volume-row">
<MudIcon Icon="@GetVolumeIcon()"/> <MudIcon Icon="@GetVolumeIcon()"/>
<MudSlider T="double" <MudSlider T="double"