fix: correction in the ModalForm responsive

Franqsanz · Jan 24, 2024 · ea2b26f · ea2b26f · vercel · Jan 24, 2024
1 parent 4c48287
commit ea2b26f
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 7 deletions.
diff --git a/src/components/ModalForm.tsx b/src/components/ModalForm.tsx
@@ -40,7 +40,7 @@ export function ModalForm({
         isOpen={isOpen}
         onClose={onClose}
         closeOnOverlayClick={false}
-        size={{ base: 'sm', md: '4xl' }}
+        size={{ base: 'xs', lg: '4xl', md: '2xl' }}
       >
         <ModalOverlay backdropFilter='blur(7px)' />
         <ModalContent overflow='hidden'>

diff --git a/src/components/forms/FormEdit.tsx b/src/components/forms/FormEdit.tsx
@@ -290,12 +290,7 @@ export function FormEdit({
 
   return (
     <>
-      <Flex
-        align='center'
-        justify='center'
-        direction='column'
-        p={{ base: 3, md: 0 }}
-      >
+      <Flex align='center' justify='center' direction='column'>
         <Box w='full' maxWidth='800px'>
           <Box mb='5' fontSize='md'>
             Los campos con el{' '}