v0.10.0: Phase B — Storage Management UI Polish & Health Severity Fix

- Health severity fix: mount-point check downgraded from issue (FAIL) to warning (WARN)
- All storage health messages translated to Hungarian
- Success flash messages for all storage operations
- Edit storage path labels (inline edit UI + backend)
- App details per storage path on settings page (expandable list with names + sizes)
- Storage badge on stacks page showing which storage each app uses
- Deploy dropdown with free space display and low-space warning (<20%)
- Filesystem & disk info on settings page (ext4/btrfs, device, model via findmnt)
- Backup page storage context with per-app storage label badges

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-02-17 09:48:51 +01:00
parent 61d8451c69
commit 69698a89e8
15 changed files with 412 additions and 30 deletions
@@ -1147,6 +1147,10 @@ a.stat-card:hover {
}
.config-save-ok { color: var(--green); }
.config-save-err { color: var(--red); }
.meta-badge-storage {
background: rgba(0, 136, 204, 0.12);
color: var(--accent-light);
}
.meta-badge-warn {
background: rgba(255, 152, 0, 0.1) !important;
color: var(--orange) !important;
@@ -1563,6 +1567,11 @@ a.stat-card:hover {
color: var(--orange);
border-color: rgba(219, 109, 40, 0.3);
}
.monitoring-banner-warn {
background: rgba(255, 193, 7, 0.15);
border-left: 4px solid var(--yellow);
color: var(--yellow);
}
.ping-status-ok { color: var(--green); }
.ping-status-warn { color: var(--yellow); }
.ping-schedule {
@@ -2021,6 +2030,10 @@ a.stat-card:hover {
.storage-path-disk {
margin-bottom: .5rem;
}
.storage-path-fsinfo {
font-size: .75rem;
margin-bottom: .35rem;
}
.storage-path-meta {
font-size: .8rem;
color: var(--text-muted);
@@ -2036,6 +2049,15 @@ a.stat-card:hover {
font-size: .75rem;
border-radius: 6px;
}
.btn-ghost {
background: transparent;
border: none;
color: var(--text-muted);
padding: .1rem .3rem;
}
.btn-ghost:hover {
color: var(--accent-light);
}
.btn-danger-outline {
background: transparent;
border: 1px solid rgba(218, 54, 51, 0.5);
@@ -2045,6 +2067,34 @@ a.stat-card:hover {
background: var(--red-bg);
border-color: var(--red);
}
.storage-app-details summary {
font-size: .85rem;
}
.storage-app-list {
margin-top: .5rem;
display: flex;
flex-direction: column;
gap: .25rem;
}
.storage-app-row {
display: flex;
justify-content: space-between;
align-items: center;
padding: .2rem .5rem;
font-size: .85rem;
}
.storage-app-link {
color: var(--accent-light);
text-decoration: none;
}
.storage-app-link:hover {
text-decoration: underline;
}
.storage-path-label-wrap {
display: flex;
align-items: center;
gap: .25rem;
}
.storage-add-details {
margin-top: .5rem;
}