From 10e52ae31f64e3ae18b2d02d3c7e24ded9abaad4 Mon Sep 17 00:00:00 2001
From: Harshith Mohan <gharshitmohan@ymail.com>
Date: Sun, 14 Apr 2024 22:39:21 +0530
Subject: [PATCH] Fix browse modal z-index (#868)

---
 src/components/Dialogs/BrowseFolderModal.tsx | 1 +
 src/components/Panels/ModalPanel.tsx         | 4 +++-
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/Dialogs/BrowseFolderModal.tsx b/src/components/Dialogs/BrowseFolderModal.tsx
index f75127375..8a17d46e1 100644
--- a/src/components/Dialogs/BrowseFolderModal.tsx
+++ b/src/components/Dialogs/BrowseFolderModal.tsx
@@ -35,6 +35,7 @@ function BrowseFolderModal(props: Props) {
       onRequestClose={() => handleClose()}
       header="Select Import Folder"
       size="sm"
+      overlayClassName="!z-[90]"
     >
       <div className="rounded border border-panel-border bg-panel-input p-4">
         <TreeView />
diff --git a/src/components/Panels/ModalPanel.tsx b/src/components/Panels/ModalPanel.tsx
index 9a1d9e7f2..cea0fffea 100644
--- a/src/components/Panels/ModalPanel.tsx
+++ b/src/components/Panels/ModalPanel.tsx
@@ -14,6 +14,7 @@ type Props = {
   className?: string;
   onRequestClose?: () => void;
   onAfterOpen?: () => void;
+  overlayClassName?: string;
 };
 
 const sizeClass = {
@@ -32,6 +33,7 @@ function ModalPanel(props: Props) {
     noPadding,
     onAfterOpen,
     onRequestClose,
+    overlayClassName,
     show,
     size,
     subHeader,
@@ -44,7 +46,7 @@ function ModalPanel(props: Props) {
   return (
     <Modal
       isOpen={show}
-      overlayClassName="fixed inset-0 bg-black/50 z-[80]"
+      overlayClassName={cx('fixed inset-0 bg-black/50 z-[80]', overlayClassName)}
       className="mt-10 flex h-full items-center justify-center"
       onAfterOpen={onAfterOpen}
       closeTimeoutMS={150}