From 58acde22925be3af1d6c6de234ef4490a8597609 Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Mon, 21 Jul 2025 12:49:55 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E6=94=AF=E6=8C=81=E7=AB=99?=
 =?UTF-8?q?=E7=82=B9=E7=9A=84=E6=98=BE=E7=A4=BA=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/setting/AccountSettingAbout.vue | 26 ++++++++++++-----------
 1 file changed, 14 insertions(+), 12 deletions(-)

diff --git a/src/views/setting/AccountSettingAbout.vue b/src/views/setting/AccountSettingAbout.vue
index 337b7502..9eca5e4b 100644
--- a/src/views/setting/AccountSettingAbout.vue
+++ b/src/views/setting/AccountSettingAbout.vue
@@ -208,24 +208,26 @@ onMounted(() => {
               <dt class="block text-sm font-bold">{{ t('setting.about.supportingSites') }}</dt>
               <dd class="flex text-sm sm:col-span-2 sm:mt-0">
                 <div class="flex flex-col gap-2">
-                  <div class="flex flex-wrap gap-2 mt-1">
+                  <div class="flex flex-wrap gap-2 mt-1 ms-1">
                     <VChip v-for="site in displayedSites" :key="site.name" variant="outlined" size="small">
                       <span class="truncate max-w-32">{{ site.name }}</span>
                     </VChip>
-                  </div>
-                  <div v-if="uniqueSupportingSites.length > 5" class="flex justify-start">
-                    <VBtn
-                      variant="text"
+                    <VChip
+                      v-if="!sitesExpanded && uniqueSupportingSites.length > 5"
+                      variant="tonal"
                       size="small"
                       @click="toggleSitesExpanded"
-                      class="text-indigo-500 hover:text-indigo-400"
                     >
-                      <template #prepend>
-                        <VIcon :icon="sitesExpanded ? 'mdi-chevron-up' : 'mdi-chevron-down'" />
-                      </template>
-                      {{ sitesExpanded ? t('setting.about.collapse') : t('setting.about.expand') }}
-                      ({{ uniqueSupportingSites.length }})
-                    </VBtn>
+                      <span> {{ uniqueSupportingSites.length }}+ ...</span>
+                    </VChip>
+                    <VChip
+                      v-if="sitesExpanded && uniqueSupportingSites.length > 5"
+                      variant="tonal"
+                      size="small"
+                      @click="toggleSitesExpanded"
+                    >
+                      <span>< {{ t('setting.about.collapse') }}</span>
+                    </VChip>
                   </div>
                 </div>
               </dd>