fix: address dashboard feedback — width, sessions, repo numbers, state security, visual polish
This commit is contained in:
parent
e23b2c8815
commit
f89cd0730e
8 changed files with 158 additions and 18 deletions
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue