update padding styles for full size dialog + add story

Author: pettinarip

src/@chakra-ui/components/Modal.ts

@@ -18,7 +18,7 @@ export const Modal = defineMultiStyleConfig({
       dialog: {
         bg: "background.base",
         gap: "4",
-        padding: { base: "4", sm: "8", md: "16" },
+        padding: { base: "4", sm: "8" },
         borderRadius: "base",
         boxShadow: "none",
       },
@@ -54,6 +54,7 @@ export const Modal = defineMultiStyleConfig({
         alignItems: { base: "flex-start", md: "center" },
       },
       dialog: {
+        padding: { base: "4", sm: "8", md: "16" },
         my: { base: "4", md: props.isCentered ? "auto" : "4" },
         mx: "4",
         minH: {

src/components/Modal/Modal.stories.tsx

@@ -20,3 +20,14 @@ export const Modal: Story = {
     actionButtonLabel: "Save",
   },
 }
+
+export const Full: Story = {
+  args: {
+    isOpen: true,
+    title: "Modal Title",
+    children:
+      "This is the base component to be used in the modal window. Please change the text to preview final content for ethereum.org",
+    actionButtonLabel: "Save",
+    size: "full",
+  },
+}