diff --git a/frontend/packages/dashboard/src/dashboard.css b/frontend/packages/dashboard/src/dashboard.css index fa44bbb..1061c8b 100644 --- a/frontend/packages/dashboard/src/dashboard.css +++ b/frontend/packages/dashboard/src/dashboard.css @@ -1211,6 +1211,12 @@ footer { font-size: 0.9em; } footer a { color: var(--purple); } +/* Slug banner now lives at the page footer (#389 follow-up) — give + it a slim top margin so it doesn't crash into the prior content, + and bottom margin separating from the divider/link line. */ +footer .banner-thin { + margin-bottom: 0.8em; +} /* ─── side panel ───────────────────────────────────────────────── Long content (file previews, diffs, journald, applied config) @@ -1348,12 +1354,13 @@ footer a { color: var(--purple); } ergonomics without stealing terminal real estate. */ :root { - /* Approximate height of the flow chrome (banner-thin + tabbar + - dashboard-chrome padding). Bumped slightly above the natural - content height so the terminal padding-top clears the bottom - border. Tweaked once after #383 took over the chrome from the - simpler title bar. */ - --flow-header-h: 4.7em; + /* Approximate height of the flow chrome (tabbar + dashboard-chrome + padding). The banner-thin slug used to live in the chrome and + padded this up to 4.7em; with the slug moved out (#389 follow-up: + slug lives at the page footer on /, simply omitted on /flow.html + since there's no normal-flow footer position in the full-viewport + terminal), the chrome is just tabs now and shrinks accordingly. */ + --flow-header-h: 3.6em; --flow-composer-h: 3.6em; --flow-frost-bg: rgba(30, 30, 46, 0.74); --flow-frost-blur: blur(12px) saturate(140%); diff --git a/frontend/packages/dashboard/src/flow.html b/frontend/packages/dashboard/src/flow.html index e2a2c71..4032dc9 100644 --- a/frontend/packages/dashboard/src/flow.html +++ b/frontend/packages/dashboard/src/flow.html @@ -8,13 +8,13 @@ - +
-
@@ -55,7 +56,6 @@ -