hyperhive/frontend/packages/shared/src/tabs/tabs.css
atlas 39b95c2ede treefmt: apply prettier
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.
2026-09-02 15:25:07 +02:00

39 lines
1 KiB
CSS

/* Shared tab-strip chrome — the generic tab/sub-tab styling used across
the dashboard tabbar, the logs sub-tabs, and the agent stat-window
selector. Behaviour lives in `@hive/shared/tabs.js` (createTabStrip).
Colours come from the semantic theme layer (theme.css → colors.css),
so this inherits theme-swap safety for free. Call sites keep a thin
variant class for size/spacing deltas; richer affordances (count
pills, the dashboard's responsive overflow ⋮ menu) layer on top in the
per-page CSS. See docs/web-ui/css-vars.md. */
.hive-tabbar {
display: flex;
gap: 0.2em;
}
.hive-tab {
display: inline-flex;
align-items: center;
padding: 0.35em 0.9em;
border-radius: 4px;
color: var(--subtext0);
text-decoration: none;
font-size: 0.85em;
letter-spacing: 0.05em;
cursor: pointer;
transition:
background 100ms,
color 100ms;
}
.hive-tab:hover {
background: var(--border);
color: var(--fg);
}
.hive-tab--active {
background: var(--border);
color: var(--purple);
}