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.
This commit is contained in:
2026-04-22 17:27:20 -04:00
parent 4d1e6c0838
commit fe8dd08ba6

View File

@@ -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);