Fix browse modal z-index (ShokoAnime#868)

ElementalCrisis · Apr 14, 2024 · 10e52ae · 10e52ae
1 parent 921eac6
commit 10e52ae
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git 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
@@ -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}