a160b72295
Fresh playground/ now sits on: - Vite 5 + vite-plugin-solid + Solid.js 1.9 - TypeScript strict (jsx preserve, target ES2022) - index.html → main.tsx → App.tsx with a tiny pushState/popstate router - Design tokens (dark immersive palette, JetBrains Mono) at src/styles/tokens.css - COOP/COEP headers in vite.config.ts (server + preview) so SharedArrayBuffer is available for the C15 + AudioWorklet wiring stream 7 will land. - Debug-probe stub at src/debug/probe.ts: window.__nisps with placeholder methods + __ready=false marker. Stream 10 fills it in. Keeping the install point stable from day one means Playwright tests can rely on the global existing. Stores, pipelines, and primitives ride in the next commits. Stream 8 of the rewrite (meml-911).
84 lines
1.1 KiB
CSS
84 lines
1.1 KiB
CSS
.app {
|
|
display: flex;
|
|
flex-direction: column;
|
|
min-height: 100%;
|
|
}
|
|
|
|
.header {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: var(--sp-3);
|
|
padding: var(--sp-3) var(--sp-4);
|
|
border-bottom: 1px solid var(--line);
|
|
background: var(--bg-1);
|
|
}
|
|
|
|
.dim {
|
|
color: var(--fg-mute);
|
|
font-size: var(--fs-sm);
|
|
}
|
|
|
|
.nav {
|
|
margin-left: auto;
|
|
display: flex;
|
|
gap: var(--sp-2);
|
|
}
|
|
|
|
.nav button {
|
|
padding: var(--sp-1) var(--sp-3);
|
|
font-size: var(--fs-sm);
|
|
}
|
|
|
|
.active {
|
|
border-color: var(--accent) !important;
|
|
color: var(--accent);
|
|
}
|
|
|
|
.main {
|
|
flex: 1;
|
|
padding: var(--sp-5);
|
|
overflow: auto;
|
|
}
|
|
|
|
.home {
|
|
max-width: 720px;
|
|
margin: 0 auto;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--sp-4);
|
|
}
|
|
|
|
.title {
|
|
font-size: var(--fs-xl);
|
|
margin: 0;
|
|
color: var(--accent);
|
|
}
|
|
|
|
.tagline {
|
|
color: var(--fg-mute);
|
|
margin: 0;
|
|
}
|
|
|
|
.linkList {
|
|
list-style: none;
|
|
padding: 0;
|
|
margin: 0;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--sp-2);
|
|
}
|
|
|
|
.note {
|
|
color: var(--fg-dim);
|
|
font-size: var(--fs-sm);
|
|
margin-top: var(--sp-4);
|
|
}
|
|
|
|
.notFound {
|
|
max-width: 540px;
|
|
margin: var(--sp-6) auto;
|
|
}
|
|
|
|
.notFound h1 {
|
|
color: var(--accent);
|
|
}
|