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.
25 lines
929 B
CSS
25 lines
929 B
CSS
/* ─── Hide desktop search on mobile ─── */
|
|
.app-shell[data-mobile] .live-search {
|
|
display: none;
|
|
}
|
|
|
|
/* ═══════════════════════════════════════════════════════════════════════════
|
|
MOBILE SEARCH OVERLAY
|
|
═══════════════════════════════════════════════════════════════════════════ */
|
|
|
|
@keyframes mobile-search-in {
|
|
from { opacity: 0; transform: translateY(16px); }
|
|
to { opacity: 1; transform: translateY(0); }
|
|
}
|
|
|
|
.mobile-search-overlay {
|
|
position: fixed;
|
|
inset: 0;
|
|
z-index: 200;
|
|
background: var(--bg-app);
|
|
display: flex;
|
|
flex-direction: column;
|
|
animation: mobile-search-in 0.2s ease both;
|
|
}
|
|
|