filipriec/komp_ac
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ecb for dashboard - WRONG NEEDS CORRECTION ASAP

Browse Source
This commit is contained in:
Priec
2026-08-13 10:20:04 +02:00
parent 78d72b7a44
commit 8f8b5b4601
10 changed files with 100 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
web/static/app.css
View File

@@ -232,6 +232,17 @@
.status-card.healthy { border-left-color: #21643a; }
.status-card.unhealthy { border-left-color: #a12b2b; }
.status-card.unhealthy h2 { color: #a12b2b; }
/* The postable limits. This is what the reader came for -- coverage dates
are the mechanism behind it -- so it sits directly under the headline and
is the only thing on the card set at reading size. */
.postable { margin-top: 16px; padding: 14px; border: 1px solid #dfe4ea; border-radius: 8px; background: white; }
.postable-lead { margin: 0 0 10px; color: #7c8796; font-size: 11px; letter-spacing: .04em; text-transform: uppercase; }
.postable-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 14px; margin: 0 0 10px; }
.postable-grid dt { color: #33415c; font-size: 13px; font-weight: 600; }
.postable-grid dd { margin: 3px 0 0; color: #17202a; font-size: 14px; }
.postable-grid dd strong { font-size: 16px; font-variant-numeric: tabular-nums; }
.postable-grid dd.hint { font-size: 12px; }
/* Coverage reads left to right as one sentence -- reached, gap, owed -- so
the two dates are compared rather than looked up one at a time. */
.coverage { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; margin-top: 16px; padding: 12px 14px; border-radius: 8px; background: #f7f9fc; }