CyberMind-FR
f71100150a
Major UI/UX redesign for v0.3.2: REMOVED: - Duplicate Resource Monitors section (sh-metrics-grid) - Old metric cards that duplicated stats overview data - Redundant getMetricConfig() logic ADDED - Real-Time Performance Metrics: - Modern histogram-based visualizations - 4 metric cards: CPU, Memory, Disk, Temperature - Animated gradient progress bars with shimmer effect - Mini histogram for CPU load average (1m/5m/15m) - Multi-segment bar for memory+swap visualization - Status badges (ok/warning/critical) with color coding - Detailed info grids (3 columns per metric) UI Improvements: - Gradient-animated progress bars - Hover effects with lift and glow - Color-coded top border per metric type - Modern card layout with glassmorphism - Status icons with pulsing animation - Responsive histogram bars (interactive) - JetBrains Mono for numeric values CSS Features: - Shimmer animation on progress bars - Gradient shadows for visual depth - Smooth transitions (cubic-bezier) - Responsive grid layout (auto-fit) - Mobile-optimized (single column) - Dark/light theme support Performance: - Removed 4 duplicate DOM nodes - Optimized update cycle - Smooth 30s auto-refresh - Hardware-accelerated animations Visual Design: - CPU: Indigo → Purple gradient - Memory: Purple → Pink gradient - Disk: Pink → Rose gradient - Temp: Amber → Red gradient |
||
|---|---|---|
| .. | ||
| backup.js | ||
| components.js | ||
| diagnostics.js | ||
| health.js | ||
| logs.js | ||
| overview.js | ||
| remote.js | ||
| services.js | ||
| settings.js | ||