product/Nano-Banana-AI-Image-Editor
1
0
Fork 0
Code Issues Pull Requests Projects Releases Activity

修复 生成遮罩不在被上一次的生成结果遮挡；

Browse Source
This commit is contained in:
袁涛
2025-09-14 04:46:34 +08:00
parent 50124d1acb
commit a99e7d542a
1 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/ImageCanvas.tsx
View File

@@ -259,7 +259,7 @@ export const ImageCanvas: React.FC = () => {
className="flex-1 relative overflow-hidden bg-gray-100" className="flex-1 relative overflow-hidden bg-gray-100"
> >
{!image && !isGenerating && ( {!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-center">
<div className="text-6xl mb-4">🍌</div> <div className="text-6xl mb-4">🍌</div>
<h2 className="text-xl font-medium text-gray-300 mb-2"> <h2 className="text-xl font-medium text-gray-300 mb-2">
@@ -276,7 +276,7 @@ export const ImageCanvas: React.FC = () => {
)} )}
{isGenerating && ( {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="text-center">
<div className="animate-spin rounded-full h-12 w-12 border-b-2 border-yellow-400 mb-4" /> <div className="animate-spin rounded-full h-12 w-12 border-b-2 border-yellow-400 mb-4" />
<p className="text-gray-300">正在创建您的图像...</p> <p className="text-gray-300">正在创建您的图像...</p>
@@ -303,7 +303,8 @@ export const ImageCanvas: React.FC = () => {
onMousemove={handleMouseMove} onMousemove={handleMouseMove}
onMouseup={handleMouseUp} onMouseup={handleMouseUp}
style={{ style={{
cursor: selectedTool === 'mask' ? 'crosshair' : 'default' cursor: selectedTool === 'mask' ? 'crosshair' : 'default',
zIndex: 10
}} }}
> >
<Layer> <Layer>