adjust ui
This commit is contained in:
@@ -242,25 +242,29 @@ const applyAll = () => {
|
||||
|
||||
<!-- Execution Controls -->
|
||||
<div class="flex flex-col gap-2">
|
||||
<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="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"
|
||||
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-4 h-4 border-2 border-white/30 border-t-white rounded-full animate-spin"></div>
|
||||
<Eraser v-else class="w-5 h-5" />
|
||||
执行移除 (当前)
|
||||
<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="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"
|
||||
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"
|
||||
>
|
||||
<Eraser class="w-4 h-4" />
|
||||
执行移除 (全部有遮罩)
|
||||
<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
|
||||
v-if="store.selectedImage && store.selectedImage.path !== store.selectedImage.originalPath"
|
||||
|
||||
Reference in New Issue
Block a user