From acce083675ace441260898d758ba44ce0d5b51dc Mon Sep 17 00:00:00 2001 From: Broque Thomas <26755000+Nezreka@users.noreply.github.com> Date: Thu, 14 May 2026 19:16:46 -0700 Subject: [PATCH 01/55] Dashboard bento grid redesign + responsive breakpoints Replaces the old stacked dashboard with a bento grid: services, stats, library, syncs, tools, activity, enrichment each live in their own card. - 3-col on desktop (>=1500px), 2-col on laptop, 2-col tighter on tablet, 1-col stack on mobile (<700px). Sub-grids inside each card adapt at every breakpoint (service tiles 3-2-1, stat cards 3-2, gauge tiles 10-5-4-3-2). - Cards use the user's accent color for glow + hover border + CTA icons (was hardcoded per-card hues). - Mount fade-up with per-card stagger; subtle bloom drift; reduced-motion honored. - Enrichment row collapses the per-service gauge tile (hides the 3-stat row, scales the gauge SVG to fill the tile width) so all 10 services fit on one row at desktop. - Recent syncs stacks vertically inside its bento card instead of overflowing horizontally. - Every existing id, button, and JS hook preserved -- no behavior change, pure visual + responsive overhaul. --- webui/index.html | 433 ++++++++++++++------------ webui/static/helper.js | 15 + webui/static/style.css | 677 +++++++++++++++++++++++++++++++++++++++++ 3 files changed, 930 insertions(+), 195 deletions(-) diff --git a/webui/index.html b/webui/index.html index a315bd8b..a0044b1f 100644 --- a/webui/index.html +++ b/webui/index.html @@ -619,222 +619,265 @@ -
-

Service Status

-
-
-
- Metadata Source - -
-

Disconnected

-

Response: --

- -
-
-
- Media Server - -
-

Disconnected

-

Response: --

- -
-
-
- Download Source - -
-

Disconnected

-

Response: --

- -
-
- -
+ +
- -
-

Enrichment Services

-
- -
-
- - -
-
- -
- -
-
- -
-
-

Library

-

Checking status...

-
-
- - -
-
- -