💄 - style: adjust padding of various components

maykinmedia · Dec 16, 2024 · e398300 · e398300
1 parent d1bed39
commit e398300
Show file tree

Hide file tree

Showing 3 changed files with 30 additions and 0 deletions.
diff --git a/src/components/card/card.scss b/src/components/card/card.scss
@@ -16,4 +16,8 @@
   & + & {
     margin-block-start: var(--spacing-v);
   }
+
+  &:has(> .mykn-body) {
+    padding: 0;
+  }
 }
diff --git a/src/components/card/card.stories.tsx b/src/components/card/card.stories.tsx
@@ -26,3 +26,28 @@ export const CardComponent: Story = {
     ),
   },
 };
+
+export const CardWithTitle: Story = {
+  args: {
+    title: "Card title",
+    children: (
+      <Body>
+        <P>The quick brown fox jumps over the lazy dog.</P>
+      </Body>
+    ),
+  },
+};
+
+export const CardWithControls: Story = {
+  args: {
+    title: "Card title",
+    controls: [
+      { children: "Click me", onClick: () => alert("Button clicked.") },
+    ],
+    children: (
+      <Body>
+        <P>The quick brown fox jumps over the lazy dog.</P>
+      </Body>
+    ),
+  },
+};
diff --git a/src/components/form/form/form.tsx b/src/components/form/form/form.tsx
@@ -301,6 +301,7 @@ export const Form = <T extends SerializedFormData = SerializedFormData>({
             },
           ]}
           overrideItemProps={false}
+          pad={false}
           {...toolbarProps}
         />
       )}
-Original file line number
+Diff line change
@@ Expand Up @@
                 },
               ]}
               overrideItemProps={false}
+              pad={false}
               {...toolbarProps}
             />
           )}
@@ Expand Down @@