v0.13.0: UI polish fixes (8 improvements)

- Fix 1: Dashboard backup card border (verified already correct)
- Fix 2: Show auto-generated env values on deploy page with copy/reveal
- Fix 3: Temperature value pill for better visibility on dashboard
- Fix 4: Rework dashboard backup section (remove manual trigger, add Tier 2 summary)
- Fix 5: Scope HDD warning banner to dashboard and monitoring pages only
- Fix 6: Move Tárhely section up in monitoring page
- Fix 7: Snapshot table clarity (HOZZÁADOTT header, n/a instead of -)
- Fix 8: Restructure Tároló section into tiered storage view

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-02-18 13:30:21 +01:00
parent 6bfdd88d10
commit 90826dec7a
10 changed files with 328 additions and 126 deletions
+49 -5
View File
@@ -1240,15 +1240,27 @@ a.stat-card:hover {
/* Temperature dot */
.temp-dot {
display: inline-block;
width: 8px;
height: 8px;
width: 11px;
height: 11px;
border-radius: 50%;
margin-right: .25rem;
vertical-align: middle;
}
.temp-dot-green { background: var(--green); box-shadow: 0 0 4px rgba(35, 134, 54, 0.5); }
.temp-dot-yellow { background: var(--yellow); box-shadow: 0 0 4px rgba(210, 153, 34, 0.5); }
.temp-dot-red { background: var(--red); box-shadow: 0 0 4px rgba(218, 54, 51, 0.5); }
.temp-dot-green { background: var(--green); box-shadow: 0 0 5px rgba(35, 134, 54, 0.6); }
.temp-dot-yellow { background: var(--yellow); box-shadow: 0 0 5px rgba(210, 153, 34, 0.6); }
.temp-dot-red { background: var(--red); box-shadow: 0 0 5px rgba(218, 54, 51, 0.6); }
/* Temperature value pill */
.temp-value-pill {
display: inline-block;
padding: 1px 7px;
border-radius: 4px;
font-weight: 600;
font-size: .85rem;
}
.temp-pill-green { background: rgba(35,134,54,0.18); color: var(--green); }
.temp-pill-yellow { background: rgba(210,153,34,0.18); color: var(--yellow); }
.temp-pill-red { background: rgba(218,54,51,0.18); color: var(--red); }
.system-info-item-compact {
flex: 0 1 auto;
@@ -1461,6 +1473,20 @@ a.stat-card:hover {
color: var(--text-muted);
}
.col-subtitle {
font-size: .7rem;
font-weight: 400;
color: var(--text-muted);
text-transform: none;
letter-spacing: 0;
margin-left: .25rem;
}
.col-na {
color: var(--text-muted);
font-style: italic;
cursor: help;
}
.snapshot-footer {
padding: .75rem .75rem 0;
font-size: .8rem;
@@ -1524,6 +1550,24 @@ a.stat-card:hover {
border-top: 1px solid var(--border-color);
padding-top: .75rem;
}
.repo-tier {
border-top: 1px solid var(--border-color);
padding-top: .75rem;
margin-top: .75rem;
}
.repo-tier:first-child {
border-top: none;
padding-top: 0;
margin-top: 0;
}
.repo-tier-title {
font-size: .85rem;
font-weight: 600;
color: var(--text-secondary);
margin-bottom: .5rem;
text-transform: uppercase;
letter-spacing: .3px;
}
.repo-remote-status {
margin-top: .25rem;
display: flex;