style: unify database block gutters and content alignment

This commit is contained in:
Codex
2026-09-13 10:32:55 +02:00
parent e088abd60a
commit 5af4408194
3 changed files with 42 additions and 8 deletions
@@ -14,7 +14,9 @@
}
.thot-fleet-ledger__workspace {
--fleet-summary-inset: 1.25rem;
--fleet-block-gutter: 1.25rem;
--fleet-block-padding: 1rem;
--fleet-summary-inset: calc(var(--fleet-block-gutter) + var(--fleet-block-padding));
display: flex;
flex: 1;
flex-direction: column;
@@ -105,6 +107,11 @@
padding-inline: var(--fleet-summary-inset);
}
.thot-fleet-ledger .thot-administration-header,
.thot-fleet-ledger .thot-administration-toolbar {
padding-inline: var(--fleet-summary-inset);
}
.thot-fleet-ledger__header-status > .thot-fleet-ledger__status {
display: block;
padding: 0;
@@ -221,7 +228,8 @@
.thot-fleet-ledger__kpi-section {
display: grid;
gap: 0.625rem;
padding: 0.75rem var(--fleet-summary-inset) 0;
margin-inline: var(--fleet-block-gutter);
padding: 0.75rem var(--fleet-block-padding) 0;
border-bottom: 1px solid oklch(var(--border));
background: oklch(var(--card));
}
@@ -272,7 +280,8 @@
min-height: 3rem;
gap: 0.5rem;
align-items: center;
padding: 0.5rem 1rem;
margin-inline: var(--fleet-block-gutter);
padding: 0.5rem var(--fleet-block-padding);
border-bottom: 1px solid oklch(var(--border));
background: oklch(var(--card));
}
@@ -456,7 +465,7 @@
min-width: 0;
min-height: 18rem;
margin-block-end: 30px;
margin-inline-start: 20px;
margin-inline: var(--fleet-block-gutter);
overflow: hidden;
border-inline-end: 1px solid oklch(var(--border));
background: oklch(var(--card));
@@ -616,6 +625,10 @@
background: oklch(var(--muted) / 0.32);
}
.thot-fleet-ledger .thot-fleet-grid-toolbar {
padding-inline: var(--fleet-block-padding);
}
@media (min-width: 48rem) {
.thot-fleet-grid-toolbar > .thot-fleet-action-selector {
flex: 0 0 auto;
@@ -813,9 +826,6 @@
}
@media (min-width: 64rem) {
.thot-fleet-ledger__workspace {
--fleet-summary-inset: 1.5rem;
}
.thot-fleet-ledger__header {
padding-inline: 1.5rem;
}
@@ -826,7 +836,6 @@
padding-inline: 1.5rem;
}
.thot-fleet-ledger__navigation,
.thot-fleet-ledger__command-bar {
padding-inline: 1.25rem;
}