julian/watermark-wizard
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

adjust ui

Browse Source
This commit is contained in:
Julian Freeman
2026-01-19 14:47:44 -04:00
parent 0cf429fff2
commit a01277a11c
1 changed files with 22 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
src/components/SettingsPanel.vue
View File

@@ -242,24 +242,28 @@ const applyAll = () => {
<!-- Execution Controls --> <!-- Execution Controls -->
<div class="flex flex-col gap-2"> <div class="flex flex-col gap-2">
<button <label class="text-sm text-gray-400 uppercase tracking-wider font-semibold">执行移除</label>
@click="store.processInpainting(store.selectedIndex)" <div class="flex gap-2">
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" <button
:disabled="store.isProcessing || store.selectedIndex < 0" @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"
<div v-if="store.isProcessing" class="w-4 h-4 border-2 border-white/30 border-t-white rounded-full animate-spin"></div> :disabled="store.isProcessing || store.selectedIndex < 0"
<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>
</button> <Eraser v-else class="w-4 h-4" />
当前
</button>
<button <button
@click="store.processAllInpainting()" @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" :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> 全部
</button>
</div>
</div> </div>
<button <button