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

feature: AudioPlayerBar Layout Enhancements

Browse Source
This commit is contained in:
daniel-c-harvey
2026-06-06 19:47:17 -04:00
parent a4b098b8ea
commit 475f93c8a3
2 changed files with 28 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
DeepDrftPublic.Client/Controls/AudioPlayerBar/TrackMetaLabel.razor.css
+14 -10
View File
@@ -67,22 +67,14 @@
::deep .track-meta-sep {
display: none;
}
}
@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. */
@media (max-width: 599.98px) {
.track-meta-row {
flex-direction: column;
align-items: flex-start;
gap: 4px;
}
/* Narrow band (<600): fully vertical — title / artist / genre / year all stacked, left-aligned. */
@media (min-width: 420px) and (max-width: 599.98px) {
.track-meta-identity {
flex-direction: column;
align-items: flex-start;
@@ -98,4 +90,16 @@
::deep .track-meta-sep {
display: none;
}
::deep .track-meta-year {
padding-left: 8px;
}
}
@media (max-width: 419.98px) {
.track-meta-row {
flex-direction: column;
align-items: flex-start;
gap: 4px;
}
}