varaverk: monitor tab overhaul — grid layout, dynamic thresholds, new cards
Layout: - Switch from three flex rows to single CSS grid (repeat(8,1fr)) — eliminates gap-count discrepancy between rows; span 1/2/4/8 cards are now pixel-identical across all rows regardless of how many cards share the row New cards: - Scripts card: last-run status (ok/warn/running/unknown), clickable filter pills, 7-row scroll, flex:1 matching Power/Parity - Streams card: live per-second progress counters, color-coded play buttons (blue=live, orange=transcoding, green=direct, yellow=paused), server badges with counts, left-fill column layout (3 per col) - Transcode card: NVMe indicator, active session count + scrollable list, session rows with server icon + title + type + method Dynamic thresholds: - vv_disk_thresholds() reads /boot/config/plugins/dynamix/dynamix.cfg - Disk utilization bars: green/orange/red based on warning/critical settings - Temperature colors: hot/max for HDD, hotssd/maxssd for SSD/NVMe - Thresholds update every poll cycle; changing Unraid settings takes effect automatically Other: - SSD path detection uses findmnt FSTYPE to exclude tmpfs/ramfs (fixes RAM being reported as SSD transcode target) - varaverk.css h3: add white-space:normal + overflow:hidden to neutralise any Unraid global h3 styles that could force card width
This commit is contained in:
@@ -14,15 +14,17 @@
|
||||
border-radius: 6px; padding: 12px; }
|
||||
.vv-wide { flex: 100%; }
|
||||
.vv-card h3 { margin: 0 0 10px; font-size: 13px; text-transform: uppercase;
|
||||
color: #888; letter-spacing: 0.05em; }
|
||||
color: #888; letter-spacing: 0.05em; white-space: normal;
|
||||
overflow: hidden; min-width: 0; }
|
||||
|
||||
/* System card — no h3, no top padding waste */
|
||||
#vv-system { padding-top: 14px; }
|
||||
|
||||
/* System action buttons */
|
||||
.vv-sys-btn { background: #2a2a2a; border: 1px solid #444; color: #888; border-radius: 4px;
|
||||
padding: 3px 7px; font-size: 13px; cursor: pointer; line-height: 1; }
|
||||
.vv-sys-btn:hover { background: #3a3a3a; color: #ccc; border-color: #666; }
|
||||
.vv-sys-btn { background: #2a2a2a; border: 1px solid #e65100; color: #ff9800; border-radius: 3px;
|
||||
padding: 3px 0; font-size: 6px; cursor: pointer; line-height: 1;
|
||||
width: 50px; min-width: 0; text-align: center; }
|
||||
.vv-sys-btn:hover { background: #3a2000; color: #ffb74d; border-color: #ff9800; }
|
||||
|
||||
/* Fallback state badge */
|
||||
.vv-state-badge { font-size: 20px; font-weight: bold; padding: 4px 0; margin-bottom: 2px; }
|
||||
|
||||
Reference in New Issue
Block a user