feat(dashboard): add live observability overview

This commit is contained in:
vince 2026-06-19 03:38:38 +02:00
parent 2ff9f3c0ed
commit 2d2b905d18
27 changed files with 1417 additions and 144 deletions

View file

@ -37,12 +37,13 @@
.module-card {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: var(--ui-space-4);
gap: 0.5rem;
align-items: start;
min-width: min(100%, 18rem);
min-width: 0;
min-height: 4.15rem;
border: var(--ui-border);
background: rgba(6, 8, 7, 0.82);
padding: var(--ui-space-3);
padding: 0.5rem;
}
h2,
@ -52,23 +53,29 @@
h2 {
color: var(--ui-color-muted);
font-size: 0.82rem;
font-size: 0.6rem;
line-height: 1;
text-transform: uppercase;
}
strong {
display: block;
margin-top: var(--ui-space-1);
margin-top: 0.15rem;
font-family: var(--ui-font-display);
font-size: 2.25rem;
line-height: 0.9;
font-size: clamp(1.45rem, 2vw, 2rem);
line-height: 0.82;
overflow-wrap: anywhere;
}
p {
margin-top: var(--ui-space-1);
margin-top: 0.2rem;
color: var(--ui-color-muted);
font-size: 0.72rem;
font-size: 0.52rem;
line-height: 1.05;
overflow: hidden;
text-overflow: ellipsis;
text-transform: uppercase;
white-space: nowrap;
}
.module-card[data-severity="ok"] :global(.icon-glyph) {