From 41dc6270ec9adaaba707c87a183b03bcc0ea4abc Mon Sep 17 00:00:00 2001
From: Joseph Hau <hexart@gmail.com>
Date: Tue, 4 Mar 2025 01:39:59 +0800
Subject: [PATCH] fix: z-index too low in TemplateManager.vue

---
 packages/ui/src/components/TemplateManager.vue | 4 ++--
 packages/ui/src/components/Toast.vue           | 8 ++++----
 packages/ui/src/styles/theme.css               | 6 +++---
 3 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/packages/ui/src/components/TemplateManager.vue b/packages/ui/src/components/TemplateManager.vue
index d5ec62aa..6cfe4afd 100644
--- a/packages/ui/src/components/TemplateManager.vue
+++ b/packages/ui/src/components/TemplateManager.vue
@@ -1,6 +1,6 @@
 <template>
   <div
-    class="fixed inset-0 z-[65] flex items-center justify-center"
+    class="fixed inset-0 z-[65] flex items-center justify-center overflow-y-auto"
     @click="$emit('close')"
   >
     <div class="theme-dialog-overlay"></div>
@@ -169,7 +169,7 @@
         <Teleport to="body">
           <!-- 查看/编辑模态框 -->
           <div v-if="showAddForm || editingTemplate || viewingTemplate" 
-               class="fixed inset-0 z-[60] flex items-center justify-center overflow-y-auto"
+               class="fixed inset-0 z-[70] flex items-center justify-center overflow-y-auto"
                @click="cancelEdit">
             <div class="fixed inset-0 bg-black/60 backdrop-blur-sm"></div>
             
diff --git a/packages/ui/src/components/Toast.vue b/packages/ui/src/components/Toast.vue
index 1e156238..0d7f3687 100644
--- a/packages/ui/src/components/Toast.vue
+++ b/packages/ui/src/components/Toast.vue
@@ -14,10 +14,10 @@
           :key="toast.id"
           class="flex items-center space-x-2 px-4 py-2 rounded-lg shadow-lg max-w-sm"
           :class="{
-            'bg-green-50 dark:bg-green-900/20 border border-green-200 dark:border-green-800 text-green-600 dark:text-green-400': toast.type === 'success',
-            'bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 text-red-600 dark:text-red-400': toast.type === 'error',
-            'bg-blue-50 dark:bg-blue-900/20 border border-blue-200 dark:border-blue-800 text-blue-600 dark:text-blue-400': toast.type === 'info',
-            'bg-yellow-50 dark:bg-yellow-900/20 border border-yellow-200 dark:border-yellow-800 text-yellow-600 dark:text-yellow-400': toast.type === 'warning'
+            'bg-green-50/95 dark:bg-green-900/95 border border-green-200 dark:border-green-800 text-green-600 dark:text-green-400': toast.type === 'success',
+            'bg-red-50/95 dark:bg-red-900/95 border border-red-200 dark:border-red-800 text-red-600 dark:text-red-400': toast.type === 'error',
+            'bg-blue-50/95 dark:bg-blue-900/95 border border-blue-200 dark:border-blue-800 text-blue-600 dark:text-blue-400': toast.type === 'info',
+            'bg-yellow-50/95 dark:bg-yellow-900/95 border border-yellow-200 dark:border-yellow-800 text-yellow-600 dark:text-yellow-400': toast.type === 'warning'
           }"
         >
           <span class="text-sm">{{ toast.message }}</span>
diff --git a/packages/ui/src/styles/theme.css b/packages/ui/src/styles/theme.css
index 70290393..9557280b 100644
--- a/packages/ui/src/styles/theme.css
+++ b/packages/ui/src/styles/theme.css
@@ -140,18 +140,18 @@ body {
   
   /* 加载指示器 */
   .theme-loading {
-    @apply bg-purple-500/90 dark:bg-purple-600/90 text-white 
+    @apply bg-purple-500/95 dark:bg-purple-600/95 text-white 
            transition-colors duration-300;
   }
   
   /* 错误指示器 */
   .theme-error {
-    @apply bg-red-500/90 text-white;
+    @apply bg-red-500/95 dark:bg-red-600/95 text-white;
   }
   
   /* 成功指示器 */
   .theme-success {
-    @apply bg-green-500/90 text-white;
+    @apply bg-green-500/95 dark:bg-green-600/95 text-white;
   }
 }