fix modal height

src/components/ui/modal/modal.jsx

@@ -1,23 +1,23 @@
-import styles from "./modal.module.css"
+import { createPortal } from "react-dom";
+import styles from "./modal.module.css";
 import Button from "../button/button.jsx";
 
 const Modal = ({ open, onClose, children, title }) => {
 
-    if(!open) return null;
+    if (!open) return null;
 
-    return <div className={styles.overlay}>
+    return createPortal(
+        <div className={styles.overlay}>
+            <div className={styles.modal}>
+                {title && <h2>{title}</h2>}
+                {children}
+                <div className={styles.modalFooter}>
+                    <Button onClick={onClose}>Fermer</Button>
+                </div>
+            </div>
+        </div>,
+        document.body
+    );
+};
 
-        <div className={styles.modal}>
-
-            {title && <h2>{title}</h2>}
-
-            {children}
-
-            <div className={styles.modalFooter}> <Button onClick={onClose}>Fermer</Button> </div>
-
-        </div>
-
-    </div>
-}
-
-export default Modal;
+export default Modal;