diff --git a/cloud/app/src/component/workspace/key-section.module.css b/cloud/app/src/component/workspace/key-section.module.css index 3a9f3ef8..6a1d0c85 100644 --- a/cloud/app/src/component/workspace/key-section.module.css +++ b/cloud/app/src/component/workspace/key-section.module.css @@ -1,4 +1,20 @@ .root { + [data-component="empty-state"] { + padding: var(--space-20) var(--space-6); + text-align: center; + border: 1px dashed var(--color-border); + border-radius: var(--border-radius-sm); + display: flex; + flex-direction: column; + gap: var(--space-2); + + p { + line-height: 1.5; + font-size: var(--font-size-sm); + color: var(--color-text-muted); + } + } + [data-slot="create-form"] { display: flex; flex-direction: column; diff --git a/cloud/app/src/component/workspace/usage-section.module.css b/cloud/app/src/component/workspace/usage-section.module.css index 520dc8f2..1a772ba8 100644 --- a/cloud/app/src/component/workspace/usage-section.module.css +++ b/cloud/app/src/component/workspace/usage-section.module.css @@ -1,4 +1,20 @@ .root { + [data-component="empty-state"] { + padding: var(--space-20) var(--space-6); + text-align: center; + border: 1px dashed var(--color-border); + border-radius: var(--border-radius-sm); + display: flex; + flex-direction: column; + gap: var(--space-2); + + p { + line-height: 1.5; + font-size: var(--font-size-sm); + color: var(--color-text-muted); + } + } + [data-slot="usage-table"] { overflow-x: auto; } diff --git a/cloud/app/src/routes/workspace/[id].css b/cloud/app/src/routes/workspace/[id].css index b054af09..e1047e15 100644 --- a/cloud/app/src/routes/workspace/[id].css +++ b/cloud/app/src/routes/workspace/[id].css @@ -59,22 +59,6 @@ } } - [data-component="empty-state"] { - padding: var(--space-20) var(--space-6); - text-align: center; - border: 1px dashed var(--color-border); - border-radius: var(--border-radius-sm); - display: flex; - flex-direction: column; - gap: var(--space-2); - - p { - line-height: 1.5; - font-size: var(--font-size-sm); - color: var(--color-text-muted); - } - } - /* Title section */ [data-component="title-section"] { display: flex;