feat(infra): fully dynamic dashboard layout with auto-adaptive grid

- Replace fixed grid-column spans with auto-fill grid
- Charts auto-hide when no data available (no gaps)
- System Resources row spans full width only when data exists
- Responsive breakpoints for mobile, tablet, desktop
- SVG charts scale with container width
This commit is contained in:
asepharyana
2026-07-23 05:38:27 +07:00
parent f96041a164
commit 373cb4fc1a
2 changed files with 85 additions and 57 deletions
+1 -1
View File
@@ -622,7 +622,7 @@ func dashboard(w http.ResponseWriter, _ *http.Request) {
TraceVolume: trc, TraceList: tr, Labels: labels,
SystemName: composeProject, TotalUp: running, TotalDown: degraded,
Links: autoDetectLinks(svcs),
HasOTelData: len(rps) > 0 || len(lat) > 0 || len(tr) > 0,
HasOTelData: len(rps) > 0 || len(lat) > 0, // actual OTel collector metrics
HasNodeData: node.Online,
Node: node,
HealthSVG: template.HTML(svgDonut(running, degraded)),