Update ModalBody horizontal padding

The `ModalHeader` and `ModalBoyd` components should have the same horizontal padding.
thesis · Nov 28, 2024 · b37293e · b37293e
1 parent d966a94
commit b37293e
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/dapp/src/components/WelcomeModal.tsx b/dapp/src/components/WelcomeModal.tsx
@@ -136,7 +136,7 @@ function WelcomeModalBase({ closeModal }: BaseModalProps) {
           </TextSm>
           {activeStepData.title}
         </ModalHeader>
-        <ModalBody textAlign="left" display="block" color="brown.80" px="10">
+        <ModalBody textAlign="left" display="block" color="brown.80">
           {activeStepData.content(embeddedApp)}
         </ModalBody>
         <ModalFooter

diff --git a/dapp/src/theme/Modal.ts b/dapp/src/theme/Modal.ts
@@ -2,7 +2,7 @@ import { modalAnatomy as parts } from "@chakra-ui/anatomy"
 import { createMultiStyleConfigHelpers, defineStyle } from "@chakra-ui/react"
 
 const baseStyleContainer = defineStyle({
-  px: { base: 3, md: 8 },
+  px: { base: 3, sm: 8 },
 })
 
 const baseStyleDialog = defineStyle({
@@ -51,7 +51,7 @@ const baseStyleBody = defineStyle({
   alignItems: "center",
   gap: 6,
   pt: 0,
-  px: { base: 0, sm: 8 },
+  px: { base: 0, sm: 10 },
   pb: { base: 0, sm: 10 },
 })