From c1df1aef40a914cc8d96db06ea6722807f27fce2 Mon Sep 17 00:00:00 2001 From: librelad Date: Mon, 22 Jun 2026 14:58:54 +0100 Subject: [PATCH] fix(webui/services): box the Services loading state like other tabs The Services tab's loading placeholder (.services-loading) was a bare centered row with no container chrome, unlike the Config and Tasks tab loading cards. Give it the same boxed look (semi-opaque black fill, hairline border, rounded corners, margin and min-height) so it reads as a deliberate loading panel. Co-Authored-By: Claude Opus 4.8 Signed-off-by: librelad --- .../frontend/components/apps/services/css/services.css | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) diff --git a/containers/libreportal/frontend/components/apps/services/css/services.css b/containers/libreportal/frontend/components/apps/services/css/services.css index 2abd31d..a24bd2a 100644 --- a/containers/libreportal/frontend/components/apps/services/css/services.css +++ b/containers/libreportal/frontend/components/apps/services/css/services.css @@ -55,10 +55,17 @@ /* ------------------------------------------------------------------ */ .services-loading { display: flex; + flex-direction: column; align-items: center; justify-content: center; gap: 0.6rem; - padding: 2rem; + padding: 40px 20px; + min-height: 200px; + margin: 16px; + /* Match the boxed loading card used by the Config and Tasks tabs. */ + background: rgba(0, 0, 0, 0.2); + border: 1px solid rgba(255, 255, 255, 0.1); + border-radius: 8px; color: var(--text-secondary, var(--text-muted)); }