web-ui: wave-1 foundation — services/web-ui/src/css/components/empty-state.css

This commit is contained in:
Zac Gaetano 2026-05-21 12:30:36 -04:00
parent 2f3e04cfc3
commit 052a880b0f

View file

@ -0,0 +1,31 @@
/* empty-state.css ─ centered icon + title + body + CTA, no card chrome */
.wd-empty {
min-height: 360px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 12px;
text-align: center;
padding: 48px 24px;
}
.wd-empty-icon {
width: 28px;
height: 28px;
color: var(--text-tertiary);
}
.wd-empty-title {
font: 600 14px/1.3 var(--font);
color: var(--text-primary);
}
.wd-empty-body {
font: 400 13px/1.5 var(--font);
color: var(--text-secondary);
max-width: 360px;
}
.wd-empty-actions {
display: flex;
gap: 8px;
margin-top: 4px;
}