Files
deepdrft/DeepDrftPublic.Client/Pages/TracksView.razor.css
T

46 lines
1.0 KiB
CSS

/* 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 {
padding: 0;
}
.tracks-content {
padding-top: 16px;
}
.tracks-footer {
padding: 8px 0;
display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
}
.tracks-view-header {
display: flex;
justify-content: flex-end;
padding: 0 0 12px 0;
}
.tracks-search-row {
display: flex;
justify-content: flex-start;
padding: 0 0 12px 0;
}
/* tracks-search-field rides on MudTextField, whose root is a child Razor component element.
Blazor isolation does not stamp the scope attribute there, so ::deep is required. */
::deep .tracks-search-field {
max-width: 420px;
width: 100%;
}
.tracks-filter-pills {
display: flex;
justify-content: flex-start;
padding: 0 0 12px 0;
}