cabele/proxMon
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

style(ui): capacity bar and per-pool block styles

Browse source
This commit is contained in:
Carsten 2026-04-22 17:51:22 +02:00
parent 041dfc8fc0
commit 612091ff1e
1 changed files with 31 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

31
server/assets/css/app.css
View file

@ -257,6 +257,37 @@ hr { border: 0; border-top: 1px solid var(--border); margin: 0; }
.pool-row:last-child { border-bottom: none; }
.pool-row .details { color: var(--muted); font-family: var(--mono); font-size: 0.78rem; }
.capbar {
height: 4px;
background: var(--panel-2);
border-radius: 2px;
overflow: hidden;
margin: 0.25rem 0 0.4rem;
}
.capbar > span {
display: block;
height: 100%;
background: var(--ok);
transition: width 0.3s ease;
}
.capbar[data-level="warn"] > span { background: var(--warn); }
.capbar[data-level="crit"] > span { background: var(--crit); }
.pool-block {
padding: 0.6rem 0.9rem;
border-bottom: 1px solid var(--border);
}
.pool-block:last-child { border-bottom: none; }
.pool-block .head {
display: flex;
justify-content: space-between;
align-items: baseline;
gap: 0.6rem;
}
.pool-block .head .layout { color: var(--muted); font-size: 0.8rem; margin-left: 0.5rem; }
.pool-block .sizes { font-family: var(--mono); font-size: 0.78rem; color: var(--fg); }
.pool-block .details { color: var(--muted); font-family: var(--mono); font-size: 0.78rem; }
/* --- callouts ------------------------------------------------------------ */
.callout {
border: 1px solid var(--border);