From a99e7d542a032134eeb4f44283d444612be2dec5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=A2=81=E6=B6=9B?= <work@pandorastudio.cn>
Date: Sun, 14 Sep 2025 04:46:34 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=20=E7=94=9F=E6=88=90?=
 =?UTF-8?q?=E9=81=AE=E7=BD=A9=E4=B8=8D=E5=9C=A8=E8=A2=AB=E4=B8=8A=E4=B8=80?=
 =?UTF-8?q?=E6=AC=A1=E7=9A=84=E7=94=9F=E6=88=90=E7=BB=93=E6=9E=9C=E9=81=AE?=
 =?UTF-8?q?=E6=8C=A1=EF=BC=9B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/ImageCanvas.tsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/ImageCanvas.tsx b/src/components/ImageCanvas.tsx
index 3c9a9c3..8c6949f 100644
--- a/src/components/ImageCanvas.tsx
+++ b/src/components/ImageCanvas.tsx
@@ -259,7 +259,7 @@ export const ImageCanvas: React.FC = () => {
         className="flex-1 relative overflow-hidden bg-gray-100"
       >
         {!image && !isGenerating && (
-          <div className="absolute inset-0 flex items-center justify-center">
+          <div className="absolute inset-0 flex items-center justify-center z-0">
             <div className="text-center">
               <div className="text-6xl mb-4">🍌</div>
               <h2 className="text-xl font-medium text-gray-300 mb-2">
@@ -276,7 +276,7 @@ export const ImageCanvas: React.FC = () => {
         )}
 
         {isGenerating && (
-          <div className="absolute inset-0 flex items-center justify-center bg-gray-900/50">
+          <div className="absolute inset-0 flex items-center justify-center bg-gray-900/50 z-50">
             <div className="text-center">
               <div className="animate-spin rounded-full h-12 w-12 border-b-2 border-yellow-400 mb-4" />
               <p className="text-gray-300">正在创建您的图像...</p>
@@ -303,7 +303,8 @@ export const ImageCanvas: React.FC = () => {
           onMousemove={handleMouseMove}
           onMouseup={handleMouseUp}
           style={{ 
-            cursor: selectedTool === 'mask' ? 'crosshair' : 'default' 
+            cursor: selectedTool === 'mask' ? 'crosshair' : 'default',
+            zIndex: 10
           }}
         >
           <Layer>