mirror of
https://github.com/Psychotoxical/psysonic.git
synced 2026-07-21 23:05:46 +00:00
Frank Stellmacher
e0ff596a02
tracks.css (539 LOC) → 8 per-section files in src/styles/tracks/ + an index.css. Same mechanic as the theme/components/layout splits. Concatenating reproduces the original byte stream (+1 trailing newline). Generated via /tmp/split-tracks-css.mjs.
30 lines
663 B
CSS
30 lines
663 B
CSS
/* ─── Responsive ──────────────────────────────────────────────── */
|
|
|
|
@media (max-width: 700px) {
|
|
.tracks-hero {
|
|
flex-direction: column;
|
|
align-items: center;
|
|
text-align: center;
|
|
}
|
|
|
|
.tracks-hero-cover {
|
|
flex: 0 0 140px;
|
|
width: 140px;
|
|
height: 140px;
|
|
}
|
|
|
|
.tracks-hero-actions {
|
|
justify-content: center;
|
|
}
|
|
|
|
.song-list-row {
|
|
grid-template-columns: 64px minmax(0, 1.5fr) minmax(0, 1fr) 56px;
|
|
}
|
|
|
|
.song-list-row-cell:nth-child(4), /* album */
|
|
.song-list-row-cell:nth-child(5) { /* genre */
|
|
display: none;
|
|
}
|
|
}
|
|
|