From 5999ac159abfb654296c0dd94357a6a100bce0fe Mon Sep 17 00:00:00 2001 From: asepharyana Date: Thu, 23 Jul 2026 06:02:00 +0700 Subject: [PATCH] feat(infra): responsive UI with mobile-first design and blur header MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Mobile-first responsive: single column → 2 columns → auto-fill grid - Sticky header with backdrop-filter blur - Cards with hover glow and fade-in animation - SVG charts scale with container (max-width constraint per breakpoint) - Touch-friendly link targets on mobile - Custom dark scrollbar - 5 breakpoints: 480, 640, 768, 1024, 1280px --- infra/dashboard/template.html | 159 ++++++++++++++++++++-------------- 1 file changed, 94 insertions(+), 65 deletions(-) diff --git a/infra/dashboard/template.html b/infra/dashboard/template.html index 8445106..6c8db54 100644 --- a/infra/dashboard/template.html +++ b/infra/dashboard/template.html @@ -6,87 +6,114 @@ Hub Dashboard @@ -101,7 +128,7 @@
{{if eq .TotalDown 0}} - All Systems Operational + All Systems Operational {{else if lt .TotalDown 3}} {{.TotalDown}} degraded {{else}} @@ -119,10 +146,10 @@

Services

{{len .Services}}
{{range .Services}} -
+ {{.Name}} -
+ {{else}}
No services detected
{{end}}
@@ -152,22 +179,22 @@ - + {{if .HasNodeData}}

System Resources

- load: {{printf "%.2f" .Node.Load1}} {{printf "%.2f" .Node.Load5}} {{printf "%.2f" .Node.Load15}} + {{printf "%.2f" .Node.Load1}} {{printf "%.2f" .Node.Load5}} {{printf "%.2f" .Node.Load15}}
{{.CPUSVG}}
{{.RAMSVG}}
{{.DiskSVG}}
- {{if .Node.NetIn}}
Network: {{printf "%.1f" .Node.NetIn}} B/s in / {{printf "%.1f" .Node.NetOut}} B/s out
{{end}} + {{if .Node.NetIn}}
↑ {{printf "%.1f" .Node.NetOut}} B/s  ↓ {{printf "%.1f" .Node.NetIn}} B/s
{{end}}
{{end}} - + {{if .HasOTelData}}

Request Rate

@@ -211,7 +238,7 @@
{{safeDur .Duration}} {{.Spans}} - {{if .HasError}}error{{end}} + {{if .HasError}}err{{end}}
{{end}} @@ -223,11 +250,13 @@