daniel-c-harvey
af724ce570
Replaces flat RELEASES/SESSIONS/MIXES nav with ARCHIVE dropdown (PageRoute.Children,
one-level cap, dual-role node). Adds /archive overview, /cuts (AlbumsView + medium
filter; /albums redirects), /sessions + /sessions/{id} (hero-dominant), /mixes +
/mixes/{id} (MixWaveformVisualizer full-page background). Extracts ReleaseDetailScaffold
from TrackDetail (invariant trio). PersistentComponentState bridge on all new pages.
Click-to-seek seam designed on MixWaveformVisualizer (inert until wired).
49 lines
1.1 KiB
CSS
49 lines
1.1 KiB
CSS
.archive-view-container {
|
|
padding-top: 16px;
|
|
}
|
|
|
|
.archive-grid {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
|
|
gap: 2rem;
|
|
margin-top: 1rem;
|
|
}
|
|
|
|
.archive-card-link {
|
|
text-decoration: none;
|
|
color: inherit;
|
|
}
|
|
|
|
.archive-card {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
text-align: center;
|
|
gap: 0.75rem;
|
|
padding: 2.5rem 1.5rem;
|
|
border: 1px solid var(--mud-palette-lines-default);
|
|
border-radius: 8px;
|
|
background-color: var(--mud-palette-surface);
|
|
transition: transform 120ms ease, box-shadow 120ms ease;
|
|
}
|
|
|
|
.archive-card:hover {
|
|
transform: translateY(-4px);
|
|
box-shadow: 0 8px 28px color-mix(in srgb, var(--mud-palette-text-secondary) 18%, transparent);
|
|
}
|
|
|
|
/* archive-card-icon rides on MudIcon (child Razor component); ::deep pierces its output. */
|
|
::deep .archive-card-icon {
|
|
font-size: 56px;
|
|
color: var(--mud-palette-primary);
|
|
}
|
|
|
|
/* archive-card-title / archive-card-blurb ride on MudText (child Razor component). */
|
|
::deep .archive-card-title {
|
|
font-weight: 600;
|
|
}
|
|
|
|
::deep .archive-card-blurb {
|
|
opacity: 0.7;
|
|
}
|