From a01277a11caae9c7ca01250b62848cd0527645a2 Mon Sep 17 00:00:00 2001
From: Julian Freeman <freemanjulian372@gmail.com>
Date: Mon, 19 Jan 2026 14:47:44 -0400
Subject: [PATCH] adjust ui

---
 src/components/SettingsPanel.vue | 40 ++++++++++++++++++--------------
 1 file changed, 22 insertions(+), 18 deletions(-)

diff --git a/src/components/SettingsPanel.vue b/src/components/SettingsPanel.vue
index 4055854..c8ddb5b 100644
--- a/src/components/SettingsPanel.vue
+++ b/src/components/SettingsPanel.vue
@@ -242,24 +242,28 @@ const applyAll = () => {
             
             <!-- Execution Controls -->
             <div class="flex flex-col gap-2">
-                <button 
-                    @click="store.processInpainting(store.selectedIndex)"
-                    class="w-full bg-red-600 hover:bg-red-500 text-white py-3 rounded font-bold shadow-lg transition-colors flex items-center justify-center gap-2"
-                    :disabled="store.isProcessing || store.selectedIndex < 0"
-                >
-                    <div v-if="store.isProcessing" class="w-4 h-4 border-2 border-white/30 border-t-white rounded-full animate-spin"></div>
-                    <Eraser v-else class="w-5 h-5" />
-                    执行移除 (当前)
-                </button>
-                
-                <button 
-                    @click="store.processAllInpainting()"
-                    class="w-full bg-red-800 hover:bg-red-700 text-white py-2 rounded text-sm font-medium shadow transition-colors flex items-center justify-center gap-2"
-                    :disabled="store.isProcessing || store.images.length === 0"
-                >
-                    <Eraser class="w-4 h-4" />
-                    执行移除 (全部有遮罩)
-                </button>
+                <label class="text-sm text-gray-400 uppercase tracking-wider font-semibold">执行移除</label>
+                <div class="flex gap-2">
+                    <button 
+                        @click="store.processInpainting(store.selectedIndex)"
+                        class="flex-1 bg-red-600 hover:bg-red-500 text-white py-2 rounded flex items-center justify-center gap-2 text-sm transition-colors shadow-lg"
+                        :disabled="store.isProcessing || store.selectedIndex < 0"
+                    >
+                        <div v-if="store.isProcessing" class="w-3 h-3 border-2 border-white/30 border-t-white rounded-full animate-spin"></div>
+                        <Eraser v-else class="w-4 h-4" />
+                        当前
+                    </button>
+                    
+                    <button 
+                        @click="store.processAllInpainting()"
+                        class="flex-1 bg-red-800 hover:bg-red-700 text-white py-2 rounded flex items-center justify-center gap-2 text-sm transition-colors shadow"
+                        :disabled="store.isProcessing || store.images.length === 0"
+                    >
+                        <div v-if="store.isProcessing" class="w-3 h-3 border-2 border-white/30 border-t-white rounded-full animate-spin"></div>
+                        <Eraser v-else class="w-4 h-4" />
+                        全部
+                    </button>
+                </div>
             </div>
 
             <button