ui: restore a 50px top header with centered brand; rename to CoRE.Vizion+

Re-add the top header as a 50px bar injected by ensureHeader() on every
layout page (skipped on login), with the brand centered. The layout height
now subtracts both header and footer. Rebrand the project CoRE.Vision →
CoRE.Vizion+ everywhere: header + footer brand, all page <title>s, the login
card, and the FastAPI OpenAPI title (applies on next backend restart).

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-06-01 22:03:04 +05:00
parent 02efe2ab4b
commit ab817e0d31
10 changed files with 26 additions and 17 deletions
+7 -7
View File
@@ -13,7 +13,7 @@
--ok: #22c55e;
--warn: #f59e0b;
--err: #ef4444;
--header-h: 48px;
--header-h: 50px;
--footer-h: 22px;
--sidebar-w: 72px;
}
@@ -27,12 +27,12 @@ html, body {
overflow: hidden;
}
/* ── Шапка ── */
header {
height: var(--header-h); display: flex; align-items: center;
/* ── Шапка (50px, бренд по центру) ── */
header.app-header {
height: var(--header-h); flex: none; display: flex; align-items: center; justify-content: center;
padding: 0 14px; background: var(--panel); border-bottom: 1px solid var(--border);
gap: 18px;
}
header.app-header .brand { font-size: 18px; }
.brand { font-weight: 700; letter-spacing: .5px; color: #fff; }
.brand span { color: #c0392b; }
nav { display: flex; gap: 4px; }
@@ -47,8 +47,8 @@ nav a.active { background: var(--accent); color: #fff; }
.stats b { color: var(--text); font-weight: 600; }
.clock { font-variant-numeric: tabular-nums; color: var(--text); }
/* ── Раскладка (хедер убран — контент во всю высоту минус футер) ── */
.layout { display: flex; height: calc(100% - var(--footer-h)); }
/* ── Раскладка (между шапкой и футером) ── */
.layout { display: flex; height: calc(100% - var(--header-h) - var(--footer-h)); }
/* ── Футер (бренд + CPU/RAM/диск + часы + версия) ── */
footer.app-footer {