feat(dashboard): add horizontal storage usage bar with percentage

This commit is contained in:
Forkless
2026-05-12 01:12:31 +02:00
parent 8e6582dd33
commit afe006fde7
2 changed files with 73 additions and 18 deletions
+29
View File
@@ -108,3 +108,32 @@
.piperless-dash-info-storage {
border-left: 4px solid #2271b1;
}
/* ── Storage usage bar ─────────────────────────────────────────────────── */
.piperless-dash-info-body {
flex: 1;
min-width: 0;
display: flex;
flex-direction: column;
gap: 6px;
}
.piperless-dash-bar {
width: 100%;
height: 6px;
background: #dcdcde;
border-radius: 3px;
overflow: hidden;
}
.piperless-dash-bar-fill {
height: 100%;
background: #2271b1;
border-radius: 3px;
transition: width 0.3s ease;
}
.piperless-dash-bar-label {
font-size: 11px;
color: #757575;
}