39b95c2ede
Pure `nix fmt` output from the commit before this one — no hand edits. 203 files: 52 md, 42 tsx, 32 js, 32 css, 21 ts, 13 html, 8 json, 3 mjs. Reproduce with `nix develop -c nix fmt` on the parent commit; the result should be byte-identical to this tree. None of the 13 `.prettierignore` entries appears here — verified by intersecting the changed-file list against the ignore file, with a control proving the intersection finds a match when one exists.
44 lines
1.8 KiB
CSS
44 lines
1.8 KiB
CSS
/* Base typography shared by the hive-c0re dashboard and the hive-ag3nt
|
|
web UI. The colour variables it references (`--bg`, `--fg`, …) live in
|
|
the standalone `theme.css` (Catppuccin Mocha), linked separately by
|
|
every page BEFORE this file so the `:root` vars resolve — see
|
|
`theme.css` + docs/web-ui/css-vars.md. Per-page stylesheets append on
|
|
top of this and must NOT redeclare the colour variables; `theme.css`
|
|
is the one source of truth. */
|
|
body {
|
|
/* The default UA stylesheet gives `body` an 8px margin — every page
|
|
using this shared base had it as a `--bg`-coloured strip visible
|
|
around the whole viewport edge, e.g. left/right of any full-bleed
|
|
header (swarm-ui's `.shell-header`, `--bg-elev`, doesn't actually
|
|
reach the real viewport edge without this). Reported live as
|
|
"small bg colored gap left and right of the header" (reported live
|
|
by mara).
|
|
Zeroed here since every page linking this file wants full-bleed
|
|
chrome, not a browser default nobody asked for. */
|
|
margin: 0;
|
|
background: var(--bg);
|
|
color: var(--fg);
|
|
font-family:
|
|
"JetBrains Mono", "Fira Code", "Cascadia Code", "Source Code Pro", monospace;
|
|
line-height: 1.6;
|
|
}
|
|
|
|
/* Loading spinner used by the shared `asyncBtn()` helper (forms.js) —
|
|
swapped into a button's content while its async action is in flight.
|
|
Lives here (not in a per-page stylesheet) because asyncBtn itself is
|
|
shared between the dashboard and the per-agent UI; keeping the CSS
|
|
with the JS component it styles avoids one consumer rendering an
|
|
unstyled, unanimated glyph. */
|
|
.spinner {
|
|
display: inline-block;
|
|
animation: spin 1s linear infinite;
|
|
color: var(--amber);
|
|
}
|
|
@keyframes spin {
|
|
from {
|
|
transform: rotate(0deg);
|
|
}
|
|
to {
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|