From 111d3a5e1ecf3bb4951e35239343052a06068f78 Mon Sep 17 00:00:00 2001
From: "kissudad@outlook.com" <kissudad@outlook.com>
Date: Wed, 10 Apr 2024 09:30:35 +0800
Subject: [PATCH] fix: Modal Toast zIndex

---
 frontend/src/components/prompts/BaseModal.vue | 2 +-
 frontend/src/css/base.css                     | 4 ++++
 frontend/src/main.ts                          | 1 +
 3 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/prompts/BaseModal.vue b/frontend/src/components/prompts/BaseModal.vue
index 1385a3ad..a3b15ce5 100644
--- a/frontend/src/components/prompts/BaseModal.vue
+++ b/frontend/src/components/prompts/BaseModal.vue
@@ -7,7 +7,7 @@
       initialFocus: '#focus-prompt',
       fallbackFocus: 'div.vfm__content',
     }"
-    style="z-index: 9999999"
+    :z-index-fn="() => 9999"
   >
     <slot />
   </VueFinalModal>
diff --git a/frontend/src/css/base.css b/frontend/src/css/base.css
index 7d90468e..30cbc529 100644
--- a/frontend/src/css/base.css
+++ b/frontend/src/css/base.css
@@ -92,6 +92,10 @@ main {
   width: calc(100% - 19em);
 }
 
+.filebrower-toast {
+  z-index: 10000;
+}
+
 .breadcrumbs {
   height: 3em;
   background: var(--background);
diff --git a/frontend/src/main.ts b/frontend/src/main.ts
index 303bae9c..ddfde71b 100644
--- a/frontend/src/main.ts
+++ b/frontend/src/main.ts
@@ -37,6 +37,7 @@ app.use(Toast, {
   transition: "Vue-Toastification__bounce",
   maxToasts: 10,
   newestOnTop: true,
+  containerClassName: "filebrower-toast",
 } satisfies PluginOptions);
 
 app.use(vfm);