mirror of
https://github.com/Psychotoxical/psysonic.git
synced 2026-07-22 15:25:46 +00:00
Frank Stellmacher
4b4cf42167
components.css (14205 LOC) → 84 per-section files in src/styles/components/ +
an index.css that imports them in original cascade order.
Same approach as the theme.css split: top-level sections are detected by
single-dash or 3+ dash header decoration (/^\/\* ─(?: |─{2,})/), 2-dash
sub-sections stay inside their parent. Concatenating in @import order
reproduces the original byte stream (+1 trailing newline, cosmetic).
Each section is now self-contained — touching Tracklist, Modal, Hero,
Sidebar, etc. only opens one focused file.
Generated via /tmp/split-components-css.mjs.
17 lines
441 B
CSS
17 lines
441 B
CSS
/* ─── Album / Artist Grid — fewer columns ─── */
|
|
.app-shell[data-mobile] .album-grid-wrap {
|
|
grid-template-columns: repeat(auto-fill, minmax(min(140px, 30%), 1fr));
|
|
gap: var(--space-3);
|
|
}
|
|
|
|
/* Horizontal scroll rows — smaller cards */
|
|
.app-shell[data-mobile] .album-grid .album-card,
|
|
.app-shell[data-mobile] .album-grid .artist-card {
|
|
flex: 0 0 130px;
|
|
}
|
|
|
|
.app-shell[data-mobile] .album-card-more {
|
|
flex: 0 0 130px;
|
|
}
|
|
|