Merge claude/1

This commit is contained in:
librelad 2026-06-17 18:36:25 +01:00
commit de5621746d
3 changed files with 17 additions and 9 deletions

View File

@ -17,15 +17,21 @@
margin-bottom: 2px; margin-bottom: 2px;
} }
/* Recessed dark panel holding the overview cards, under the header divider /* Recessed dark panel holding an admin page's body under the header divider
same recipe as the fleet Overview's .ov-tab-body and the per-app same recipe as the fleet Overview's .ov-tab-body and the per-app
.tasks-container, so the admin board reads like the other tabbed areas. */ .tasks-container, so admin pages read like the other tabbed areas. Shared by
.admin-card-grid-wrap { the Dashboard (card grid) and System (gauges/trends/storage/host/apps). */
.admin-panel {
margin-top: 16px; margin-top: 16px;
padding: 16px; padding: 16px;
background: rgba(var(--bg-rgb), 0.2); background: rgba(var(--bg-rgb), 0.2);
border-radius: 8px; border-radius: 8px;
} }
/* The System panel leads with the gauges row, whose own top margin is now
redundant with the panel padding drop it so the box hugs the gauges.
(The section heads below keep their margins so Trends/Storage/Host/Per-app
stay separated.) */
.admin-panel > .sys-gauges { margin-top: 0; }
/* Overview cards */ /* Overview cards */
.admin-card-grid { .admin-card-grid {

View File

@ -243,7 +243,7 @@ class OverviewPage {
<p>System health and admin status at a glance. Manage anything from the cards below.</p> <p>System health and admin status at a glance. Manage anything from the cards below.</p>
</div> </div>
</div> </div>
<div class="admin-card-grid-wrap"> <div class="admin-panel">
<div class="admin-card-grid"> <div class="admin-card-grid">
${updCard} ${updCard}
${backupCard} ${backupCard}

View File

@ -334,11 +334,13 @@ class SystemPage {
<p>Live host and per-app statistics. Updated ${updated}.</p> <p>Live host and per-app statistics. Updated ${updated}.</p>
</div> </div>
</div> </div>
<div class="admin-panel">
${gauges} ${gauges}
${charts} ${charts}
${this._storageSection()} ${this._storageSection()}
${infoStrip} ${infoStrip}
${appsTable} ${appsTable}
</div>
</div>`; </div>`;
} }