web: unify page headers into one shared page-header bar
Nightly Build / build (push) Successful in 7m17s

Every full-page view now renders the same sticky top bar (back button,
title, right-side actions) from the new web/css/page-header.css,
replacing a dozen per-page duplicates (.page-panel-header,
.project-page-header, .task-page-header, .llm-page-header, .um-header,
.apr-header, .llmr-header, .pv-header, .sa-header, .config-page-header,
.agents-page-header). Pages that padded the whole container (config,
agents, system-agents, llm-requests, models-hub) move that padding into
a body wrapper so the bar sits flush and stays pinned on scroll.
Back buttons are standardized to the icon-only .page-header-back.
This commit is contained in:
2026-07-29 12:36:24 +01:00
parent da8a835d70
commit 0ed94225b2
45 changed files with 389 additions and 492 deletions
+7 -49
View File
@@ -10,44 +10,19 @@ llm-requests-page {
}
.llmr-page {
padding: 1.5rem 2rem;
width: 100%;
box-sizing: border-box;
display: flex;
flex-direction: column;
}
.llmr-body {
padding: 1.5rem 2rem;
display: flex;
flex-direction: column;
gap: 1.25rem;
}
/* ── Header ─────────────────────────────────────────────────────────────────── */
.llmr-header {
display: flex;
align-items: center;
gap: 0.75rem;
border-bottom: 1px solid var(--bs-border-color);
padding-bottom: 1rem;
}
.llmr-title {
font-size: 1.25rem;
font-weight: 600;
margin: 0;
display: flex;
align-items: center;
gap: 0.5rem;
}
.llmr-title i { color: var(--bs-secondary-color); }
.llmr-total-badge {
margin-left: auto;
font-size: 0.78rem;
color: var(--bs-secondary-color);
background: var(--bs-tertiary-bg);
padding: 2px 10px;
border-radius: 20px;
}
/* ── Filters ─────────────────────────────────────────────────────────────────── */
.llmr-filters {
@@ -197,24 +172,7 @@ llm-requests-page {
.llmr-row--clickable { cursor: pointer; }
.llmr-row--clickable:hover td { background: var(--bs-tertiary-bg); }
/* ── Detail — back bar ───────────────────────────────────────────────────────── */
.llmr-detail-back {
display: flex;
align-items: center;
gap: 0.75rem;
padding-bottom: 1rem;
border-bottom: 1px solid var(--bs-border-color);
}
.llmr-detail-title {
font-size: 1rem;
font-weight: 600;
color: var(--bs-body-color);
display: flex;
align-items: center;
gap: 0.4rem;
}
/* ── Detail ─────────────────────────────────────────────────────────────────── */
.llmr-detail-id {
font-family: var(--bs-font-monospace);