Add color for an inner card

j2-health · Jan 30, 2025 · b771a7a · b771a7a
1 parent f615414
commit b771a7a
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 0 deletions.
diff --git a/src/components/card/Card.css b/src/components/card/Card.css
@@ -5,3 +5,7 @@
     border-bottom: none;
   }
 }
+
+.ant-card-type-inner {
+  background-color: var(--j2-color-bg-layout);
+}
diff --git a/src/components/card/Card.stories.ts → src/components/card/Card.stories.tsx b/src/components/card/Card.stories.ts → src/components/card/Card.stories.tsx
@@ -50,3 +50,19 @@ export const Borderless: Story = {
     bordered: false,
   },
 }
+
+export const Inner: Story = {
+  args: {
+    ...Default.args,
+    type: 'inner',
+    title: 'Innie',
+    children: <p>I'm an innie</p>,
+  },
+  render: (args) => {
+    return (
+      <Card title="Outie">
+        <Card {...args} />
+      </Card>
+    )
+  },
+}