Merge pull request #650 from sudhanshutech/style/modal

Fix style using `maxWidth` prop for modals
layer5io · Jun 26, 2024 · 7424585 · 7424585
2 parents d16e206 + 759897f
commit 7424585
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/src/custom/Modal/index.tsx b/src/custom/Modal/index.tsx
@@ -49,8 +49,6 @@ const CloseBtn = styled(IconButton)`
 const StyledDialog = styled(Dialog)`
   && {
     .MuiDialog-paper {
-      width: auto;
-      max-width: 100%;
       border-radius: 0.5rem;
     }
   }
@@ -128,10 +126,13 @@ export const Modal: React.FC<ModalProps> = ({
   headerIcon,
   reactNode,
   children,
+  maxWidth = 'xs',
   ...props
 }) => {
   return (
     <StyledDialog
+      fullWidth={true}
+      maxWidth={maxWidth}
       open={open}
       onClose={closeModal}
       aria-labelledby="alert-dialog-slide-title"