From fe8dd08ba6f9bd8faef0bfab1d4af9ceefbdf6ad Mon Sep 17 00:00:00 2001 From: anti Date: Wed, 22 Apr 2026 17:27:20 -0400 Subject: [PATCH] style(web): center EmptyState contents with consistent min-height Base .empty-state now flex-centers its icon/title/hint/CTA with a 140px min-height so icon-bearing empty states in the Dashboard side panels (DECKIES UNDER SIEGE, TOP ATTACKERS) stop looking cramped. Component-scoped rules (attackers-root, bounty-root, logs-root) remain more specific and are unaffected. --- decnet_web/src/components/EmptyState/EmptyState.css | 11 +++++++++++ 1 file changed, 11 insertions(+) diff --git a/decnet_web/src/components/EmptyState/EmptyState.css b/decnet_web/src/components/EmptyState/EmptyState.css index c3d0b993..e69e63b4 100644 --- a/decnet_web/src/components/EmptyState/EmptyState.css +++ b/decnet_web/src/components/EmptyState/EmptyState.css @@ -1,6 +1,17 @@ /* Shared EmptyState styling. Component-scoped .empty-state rules (Attackers/Bounty/LiveLogs) still win over these base rules. */ +.empty-state { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + text-align: center; + gap: 10px; + padding: 36px 20px; + min-height: 140px; +} + .empty-state-icon { opacity: 0.4; color: var(--violet);