💄 Change Modal Z-Index Property (#503)

Mintbase · Sep 1, 2023 · 450b667 · 450b667 · vercel · Sep 1, 2023
1 parent 11c93d4
commit 450b667
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/src/components/modal/Modal.tsx b/src/components/modal/Modal.tsx
@@ -40,7 +40,7 @@ export const MbModal = (props: ModalProps) => {
             setTimeout(onClose, 300)
           }}
         >
-          <div className="fixed inset-0 bg-black bg-opacity-75 overflow-y-auto h-full w-full z-50"></div>
+          <div className="modal-bg"></div>
           <div id="modal-wrapper" className="modal modal-scale">
             <section
               className="modal-section"

diff --git a/src/components/modal/modal.css b/src/components/modal/modal.css
@@ -1,5 +1,11 @@
+.modal-bg {
+  @apply fixed inset-0 bg-black bg-opacity-75 overflow-y-auto h-full w-full;
+  z-index: 99999;
+}
+
 .modal {
-  @apply justify-center items-center flex overflow-x-hidden overflow-y-auto fixed inset-0 z-50 outline-none focus:outline-none;
+  @apply justify-center items-center flex overflow-x-hidden overflow-y-auto fixed inset-0 outline-none focus:outline-none;
+  z-index: 99999;
 }
 
 .modal-section {