Adding modal height change

masa-finance · Mar 3, 2023 · caf459f · caf459f
1 parent c8da6a1
commit caf459f
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/src/components/masa-interface/masa-interface.tsx b/src/components/masa-interface/masa-interface.tsx
@@ -86,6 +86,7 @@ export const MasaInterface = ({
         open={isModalOpen as boolean}
         close={(): void => closeModal?.()}
         setOpen={setModalOpen as (val: boolean) => void}
+        height={page === 'createIdentity' ? 400 : undefined}
       >
         {page === 'connector' ? pages[page]({ disableMetamask }) : pages[page]}
       </ModalComponent>

diff --git a/src/components/modal/modal.tsx b/src/components/modal/modal.tsx
@@ -8,17 +8,19 @@ export interface ModalProps {
   open: boolean;
   setOpen: (val: boolean) => void;
   close: () => void;
+  height?: number;
 }
 
 export const ModalComponent = ({
   children,
   open,
   close,
+  height,
 }: ModalProps): JSX.Element => {
   return (
     <Rodal
       data-cy="closeMasaModal"
-      height={615}
+      height={height ? height : 615}
       width={550}
       visible={open}
       onClose={(): void => close()}