mptyl/ThothII
1
0
Fork 0
Code Issues 25 Pull Requests Actions Packages Projects Releases 1 Wiki Activity

style: unify workbench typography and prepare isolated visual review

Browse Source
This commit is contained in:
Codex
2026-09-12 22:51:58 +02:00
parent 2d1b714ebe
commit c8d276ddc6
64 changed files with 942 additions and 318 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/shell/administration/AdministrationPage.css
+41 -10
View File
@@ -5,8 +5,39 @@
min-height: 0;
height: var(--thoth-app-height, 100dvh);
overflow: hidden;
container: application / inline-size;
}
.thot-evidence-filters {
display: grid;
grid-template-columns: minmax(14rem, 2fr) repeat(3, minmax(8rem, 1fr)) auto;
align-items: end;
gap: 0.75rem;
}
.thot-evidence-filters > label { min-width: 0; }
.thot-pi-guide { max-width: 75ch; }
.thot-pi-guide ol { list-style: decimal; gap: 2rem; }
.thot-pi-guide h4 { font-size: var(--text-body); }
.thot-pi-guide pre { font-size: var(--text-control); line-height: 1.6; padding: 0.75rem 1rem; }
.thot-pi-guide p > code { font-size: var(--text-control); }
@container administration (max-width: 68rem) {
.thot-evidence-filters { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.thot-evidence-search { grid-column: 1 / -1; }
}
@container administration (max-width: 30rem) {
.thot-evidence-filters { grid-template-columns: minmax(0, 1fr); }
}
.thot-session-documents[data-layout="compact"]:not([hidden]) {
position: absolute;
z-index: 35;
inset: 0;
width: 100%;
max-width: none;
border-inline-end: 0;
}
.thot-app-shell[data-administration-narrow="true"] .thot-session-documents[data-layout="compact"] { inset-block-start: 3rem; }
.thot-administration-page,
.thot-work-area-page {
display: flex;
@@ -27,26 +58,26 @@
align-items: flex-end;
justify-content: space-between;
gap: 1.25rem;
padding: 1.65rem 1.75rem 1.35rem;
padding: 1.25rem 1.5rem;
border-bottom: 1px solid oklch(var(--border));
background: oklch(var(--muted) / 0.35);
}
.thot-administration-header__copy { min-width: 0; flex: 1 1 20rem; }
.thot-administration-header h1 {
margin: 0.35rem 0 0;
margin: 0.25rem 0 0;
font-family: var(--font-heading);
font-size: 1.875rem;
line-height: 1.15;
font-size: var(--text-page);
line-height: 1.3;
font-weight: 600;
letter-spacing: -0.025em;
overflow-wrap: anywhere;
}
.thot-administration-eyebrow {
margin: 0;
font: 600 0.6875rem/1.4 var(--font-mono);
font: 500 var(--text-meta)/1.5 var(--font-sans);
color: oklch(var(--muted-foreground));
text-transform: uppercase;
letter-spacing: 0.065em;
text-transform: none;
letter-spacing: normal;
}
.thot-administration-description {
max-width: 68ch;
@@ -75,7 +106,7 @@
.thot-administration-detail { min-width: 0; padding: 1.35rem; }
.thot-administration-index :where(button[aria-current]) { background: oklch(var(--nav-active)); color: oklch(var(--nav-active-foreground)); }
.thot-administration-index button { overflow-wrap: anywhere; }
.thot-administration-section-label { padding: 1rem 1.25rem 0; font: 600 0.6875rem/1.4 var(--font-mono); text-transform: uppercase; letter-spacing: 0.06em; color: oklch(var(--muted-foreground)); }
.thot-administration-section-label { padding: 1rem 1.25rem 0; font: 600 var(--text-control)/1.5 var(--font-sans); color: oklch(var(--foreground)); }
.thot-administration-link { color: oklch(var(--primary)); text-decoration: underline; text-underline-offset: 0.2em; font-size: 0.875rem; }
.thot-administration-link:focus-visible { outline: 2px solid oklch(var(--ring)); outline-offset: 3px; }
.thot-administration-dependency { padding: 1rem 1.25rem; border-block: 1px solid oklch(var(--border)); background: oklch(var(--muted) / 0.35); font-size: 0.875rem; }
@@ -97,9 +128,9 @@
.thot-workspace-preparation { border-block-start: 1px solid oklch(var(--border)); padding-top: 1.25rem; }
.thot-workspace-preparation .thot-preprocessing-control { max-width: 40rem; }
.thot-preprocessing-control[data-presentation="page"] { padding: 1rem; margin-top: 0.75rem; }
.thot-preprocessing-control[data-presentation="page"] :where(strong, span, small, button) { font-size: 0.8125rem; line-height: 1.5; }
.thot-preprocessing-control[data-presentation="page"] :where(strong, span, small, button) { font-size: var(--text-control); line-height: 1.5; }
.thot-preprocessing-control[data-presentation="page"] button { height: auto; min-height: 2.25rem; white-space: normal; }
.thot-administration-database .thot-fleet-ledger__kpi-value { font-size: 1.125rem; }
.thot-administration-database .thot-fleet-ledger__kpi-value { font-size: var(--text-body); }
.thot-administration-database .thot-administration-dependency { flex: none; }
.thot-database-workbench { grid-template-columns: minmax(10rem, 0.55fr) minmax(0, 1.5fr); }
.thot-database-workbench form > .grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }