From 023d875a006559108673d66a9fcd5bcd6ef8bae5 Mon Sep 17 00:00:00 2001
From: MaysWind <i@mayswind.net>
Date: Sat, 29 Jun 2024 11:13:25 +0800
Subject: [PATCH] modify style

---
 src/views/desktop/categories/ListPage.vue |  6 ++++++
 src/views/desktop/tags/ListPage.vue       | 15 +++++++++++++++
 2 files changed, 21 insertions(+)

diff --git a/src/views/desktop/categories/ListPage.vue b/src/views/desktop/categories/ListPage.vue
index da13d7cc..76e2cb30 100644
--- a/src/views/desktop/categories/ListPage.vue
+++ b/src/views/desktop/categories/ListPage.vue
@@ -138,6 +138,9 @@
                                                                    :loading="categoryHiding[element.id]"
                                                                    :disabled="loading || updating"
                                                                    @click="hide(element, !element.hidden)">
+                                                                <template #loader>
+                                                                    <v-progress-circular indeterminate size="20" width="2"/>
+                                                                </template>
                                                                 {{ element.hidden ? $t('Show') : $t('Hide') }}
                                                             </v-btn>
                                                             <v-btn class="px-2" color="default"
@@ -155,6 +158,9 @@
                                                                    :loading="categoryRemoving[element.id]"
                                                                    :disabled="loading || updating"
                                                                    @click="remove(element)">
+                                                                <template #loader>
+                                                                    <v-progress-circular indeterminate size="20" width="2"/>
+                                                                </template>
                                                                 {{ $t('Delete') }}
                                                             </v-btn>
                                                             <span class="ml-2">
diff --git a/src/views/desktop/tags/ListPage.vue b/src/views/desktop/tags/ListPage.vue
index 2b49b9b4..dc7dcd5f 100644
--- a/src/views/desktop/tags/ListPage.vue
+++ b/src/views/desktop/tags/ListPage.vue
@@ -114,6 +114,9 @@
                                                :disabled="loading || updating"
                                                v-if="editingTag.id !== element.id"
                                                @click="hide(element, !element.hidden)">
+                                            <template #loader>
+                                                <v-progress-circular indeterminate size="20" width="2"/>
+                                            </template>
                                             {{ element.hidden ? $t('Show') : $t('Hide') }}
                                         </v-btn>
                                         <v-btn class="px-2" color="default"
@@ -124,6 +127,9 @@
                                                :disabled="loading || updating"
                                                v-if="editingTag.id !== element.id"
                                                @click="edit(element)">
+                                            <template #loader>
+                                                <v-progress-circular indeterminate size="20" width="2"/>
+                                            </template>
                                             {{ $t('Edit') }}
                                         </v-btn>
                                         <v-btn class="px-2" color="default"
@@ -134,6 +140,9 @@
                                                :disabled="loading || updating"
                                                v-if="editingTag.id !== element.id"
                                                @click="remove(element)">
+                                            <template #loader>
+                                                <v-progress-circular indeterminate size="20" width="2"/>
+                                            </template>
                                             {{ $t('Delete') }}
                                         </v-btn>
                                         <v-btn class="px-2"
@@ -142,6 +151,9 @@
                                                :loading="tagUpdating[element.id]"
                                                :disabled="loading || updating || !isTagModified(element)"
                                                v-if="editingTag.id === element.id" @click="save(editingTag)">
+                                            <template #loader>
+                                                <v-progress-circular indeterminate size="20" width="2"/>
+                                            </template>
                                             {{ $t('Save') }}
                                         </v-btn>
                                         <v-btn class="px-2" color="default"
@@ -182,6 +194,9 @@
                                        :loading="tagUpdating[null]"
                                        :disabled="loading || updating || !isTagModified(newTag)"
                                        @click="save(newTag)">
+                                    <template #loader>
+                                        <v-progress-circular indeterminate size="20" width="2"/>
+                                    </template>
                                     {{ $t('Save') }}
                                 </v-btn>
                                 <v-btn class="px-2" color="default"