anti/DECNET
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(web): center EmptyState contents with consistent min-height

Browse Source 
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:
anti
2026-04-22 17:27:20 -04:00
parent 4d1e6c0838
commit fe8dd08ba6
1 changed files with 11 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
decnet_web/src/components/EmptyState/EmptyState.css
View File

@@ -1,6 +1,17 @@
/* Shared EmptyState styling. Component-scoped .empty-state rules /* Shared EmptyState styling. Component-scoped .empty-state rules
(Attackers/Bounty/LiveLogs) still win over these base 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 { .empty-state-icon {
opacity: 0.4; opacity: 0.4;
color: var(--violet); color: var(--violet);