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:
@@ -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);
|
||||
|
||||
Reference in New Issue
Block a user