web: unify page headers into one shared page-header bar
Nightly Build / build (push) Successful in 7m17s
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:
@@ -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);
|
||||
|
||||
Reference in New Issue
Block a user