fix: address dashboard feedback — width, sessions, repo numbers, state security, visual polish

This commit is contained in:
B.A. Baracus 2026-05-26 16:16:45 +02:00
parent e23b2c8815
commit f89cd0730e
Signed by: ba
GPG key ID: D52E9C8491872206
8 changed files with 158 additions and 18 deletions

View file

@ -1,4 +1,40 @@
{{ define "main" }}
<style>
main { max-width: 900px !important; }
.estate-value-card {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
gap: var(--size-3);
margin: var(--size-4) 0;
}
.estate-value-card article {
border: 1px solid var(--garden-border);
border-radius: var(--radius-2);
padding: var(--size-3);
text-align: center;
}
.estate-value-card article header {
font-size: var(--font-size-0);
color: var(--garden-text-dim);
}
.estate-value-card article .stat {
font-size: var(--font-size-5);
font-weight: 600;
line-height: 1.2;
}
.estate-badge {
display: inline-block;
padding: 0.15em 0.5em;
border-radius: var(--radius-1);
font-size: var(--font-size-00);
font-family: var(--font-mono);
}
.estate-badge.ok { background: color-mix(in srgb, var(--garden-fix) 15%, transparent); color: var(--garden-fix); }
.estate-badge.warn { background: color-mix(in srgb, var(--garden-build) 15%, transparent); color: var(--garden-build); }
.estate-badge.err { background: color-mix(in srgb, var(--garden-warning) 15%, transparent); color: var(--garden-warning); }
table { font-size: var(--font-size-0); }
table th { color: var(--garden-text-dim); font-weight: 500; text-transform: uppercase; letter-spacing: 0.05em; font-size: var(--font-size-00); }
</style>
<section>
<header>
<h1>{{ .Title }}</h1>

View file

@ -25,7 +25,8 @@
<article data-card><header>Disk</header><h4 id="disk-value"></h4></article>
<article data-card><header>Health</header><h4 id="health-value"></h4></article>
<article data-card><header>Events</header><h4 id="events-value"></h4></article>
<article data-card><header>Session</header><h4 id="vault-sessions-value"></h4></article>
<article data-card><header>Sessions</header><h4 id="vault-sessions-value"></h4></article>
<article data-card><header>Repos</header><h4 id="estate-repo-count-pulse"></h4></article>
</div>
<p data-text="dim" id="pulse-timestamp">Loading estate data…</p>
</section>