From 052a880b0fd213fafd692e34f6833a7596b2ffe4 Mon Sep 17 00:00:00 2001 From: Zac Gaetano Date: Thu, 21 May 2026 12:30:36 -0400 Subject: [PATCH] =?UTF-8?q?web-ui:=20wave-1=20foundation=20=E2=80=94=20ser?= =?UTF-8?q?vices/web-ui/src/css/components/empty-state.css?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../web-ui/src/css/components/empty-state.css | 31 +++++++++++++++++++ 1 file changed, 31 insertions(+) create mode 100644 services/web-ui/src/css/components/empty-state.css diff --git a/services/web-ui/src/css/components/empty-state.css b/services/web-ui/src/css/components/empty-state.css new file mode 100644 index 0000000..9ba9ae4 --- /dev/null +++ b/services/web-ui/src/css/components/empty-state.css @@ -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; +}