refactor(css): consolidate track-view layout and card text color rules; switch genre chip to Outlined variant

This commit is contained in:
daniel-c-harvey
2026-06-05 16:58:07 -04:00
parent 9854d51940
commit b3473aa37e
5 changed files with 23 additions and 25 deletions
+1 -1
View File
@@ -2,7 +2,7 @@
<PageTitle>DeepDrft Track Gallery</PageTitle>
<div class="tracks-page-wrapper">
<div>
<div class="tracks-view-container">
@if (ViewModel.Page != null)
{
@@ -1,26 +1,20 @@
.tracks-page-wrapper {
display: flex;
flex-direction: column;
}
/* Layout for the tracks page.
Dead flex/height rules removed — the sticky-footer intent they encoded required
a height target that was never set; normal block flow is sufficient for a
paginated gallery. Horizontal inset is owned by MudContainer in TracksGallery. */
.tracks-view-container {
display: flex;
flex-direction: column;
flex: 1;
padding: 0 16px; /* Horizontal padding only */
padding: 0;
}
.tracks-content {
display: flex;
flex-grow: 1;
padding-top: 16px;
}
.tracks-footer {
flex: 0 0;
padding: 8px 0;
display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
}
}