diff --git a/src/public/index.html b/src/public/index.html index 314401b5d..cbee605dd 100644 --- a/src/public/index.html +++ b/src/public/index.html @@ -79,6 +79,90 @@ .dark .threshold-pattern-bg { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.04) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.04) 50%, rgba(255, 255, 255, 0.04) 75%, transparent 75%, transparent); } + + /* Mini Chart Styles */ + .usage-chart-container { + position: relative; + overflow: hidden; + border-radius: 3px; + background: rgba(0, 0, 0, 0.02); + height: 20px; + width: 100%; + margin: 0; + display: flex; + align-items: center; + justify-content: center; + } + .dark .usage-chart-container { + background: rgba(255, 255, 255, 0.02); + } + + .sparkline-container { + position: relative; + overflow: hidden; + border-radius: 2px; + background: rgba(0, 0, 0, 0.03); + height: 16px; + width: 100%; + margin: 0; + display: flex; + align-items: center; + justify-content: center; + } + .dark .sparkline-container { + background: rgba(255, 255, 255, 0.03); + } + + .mini-chart { + display: block; + width: 100%; + height: 100%; + } + + .mini-chart path { + stroke-linecap: round; + stroke-linejoin: round; + transition: d 0.3s ease-out, stroke-dasharray 0.3s ease-out; + } + + /* Charts mode styling */ + .charts-mode #main-table .usage-col, + .charts-mode #main-table .net-disk-col { + /* Removed text-align: center to keep metrics left-aligned */ + } + + /* Reduce padding in charts mode to maximize chart space */ + .charts-mode #main-table .usage-col, + .charts-mode #main-table .net-disk-col { + padding: 2px 4px; + } + + .charts-mode .metric-text { + display: none; + } + + .charts-mode .metric-chart { + display: block; + } + + .metric-chart { + display: none; + } + + /* Charts toggle button styling */ + .charts-mode #toggle-charts-button { + background: rgba(59, 130, 246, 0.1); + color: #3b82f6; + } + + /* Enhanced metric cell layouts */ + .usage-col { + min-width: 120px; + } + + .net-disk-col { + min-width: 70px; + } @@ -148,6 +232,13 @@ + - - - - -