调整多个组件的样式和结构，优化用户界面体验

src/components/cards/PluginAppCard.vue

@@ -229,7 +229,7 @@ const dropdownItems = ref([
             class="flex flex-col align-self-baseline justify-between px-2 py-2 w-full overflow-hidden max-h-10 min-h-10"
           >
             <div class="flex flex-nowrap items-center w-full pe-10">
-              <div class="flex flex-nowrap max-w-32 items-center align-middle">
+              <div class="flex flex-nowrap max-w-40 items-center align-middle">
                 <VIcon icon="mdi-github" class="me-1" />
                 <a
                   class="overflow-hidden text-ellipsis whitespace-nowrap"

src/components/cards/PluginCard.vue

@@ -473,7 +473,7 @@ watch(
             class="flex flex-col align-self-baseline justify-between px-2 py-2 w-full overflow-hidden max-h-10 min-h-10"
           >
             <div class="flex flex-nowrap items-center w-full pe-10">
-              <div class="flex flex-nowrap max-w-32 items-center align-middle">
+              <div class="flex flex-nowrap max-w-40 items-center align-middle">
                 <VImg :src="authorPath" class="author-avatar" @load="isAvatarLoaded = true">
                   <VIcon v-if="!isAvatarLoaded" size="small" icon="mdi-github" class="me-1" />
                 </VImg>

src/components/cards/WorkflowTaskCard.vue

@@ -179,7 +179,13 @@ const resolveProgress = (item: Workflow) => {
         :loading="loading"
         :class="{ 'transition transform-cpu duration-300 -translate-y-1': hover.isHovering }"
       >
-        <VCardItem class="py-3" :class="`bg-${resolveStatusVariant(workflow?.state).color}`">
+        <VCardItem
+          :class="{
+            'py-1': workflow?.description,
+            'py-3': !workflow?.description,
+            [`bg-${resolveStatusVariant(workflow?.state).color}`]: true,
+          }"
+        >
           <template #prepend>
             <VAvatar variant="text" class="me-2">
               <VIcon

src/components/dialog/SubscribeShareDialog.vue

@@ -67,6 +67,7 @@ const $toast = useToast()
           {{ props.sub?.season ? t('dialog.subscribeShare.season', { number: props.sub?.season }) : '' }}
         </VCardSubtitle>
       </VCardItem>
+      <VDivider />
       <VCardText>
         <VDialogCloseBtn @click="emit('close')" />
         <VForm @submit.prevent="() => {}" class="pt-2">

src/views/setting/AccountSettingCache.vue

@@ -67,8 +67,8 @@ const doubanId = ref<string | undefined>()
 
 const tableStyle = computed(() => {
   return appMode
-    ? 'height: calc(100vh - 20rem - env(safe-area-inset-bottom) - 6.5rem)'
-    : 'height: calc(100vh - 20rem - env(safe-area-inset-bottom)'
+    ? 'height: calc(100vh - 21rem - env(safe-area-inset-bottom) - 6.5rem)'
+    : 'height: calc(100vh - 21rem - env(safe-area-inset-bottom)'
 })
 
 // 调用API加载缓存数据
@@ -251,14 +251,14 @@ onMounted(() => {
             :disabled="selectedItems.length === 0"
             @click="deleteSelectedItems"
           >
-            <VIcon>mdi-delete</VIcon>
+            <VIcon>mdi-delete-sweep</VIcon>
             <VTooltip activator="parent" location="bottom"
               >{{ t('setting.cache.deleteSelected') }} ({{ selectedItems.length }})</VTooltip
             >
           </VBtn>
 
           <VBtn icon color="error" :loading="loading" @click="clearAllCache">
-            <VIcon>mdi-delete-sweep</VIcon>
+            <VIcon>mdi-delete-variant</VIcon>
             <VTooltip activator="parent" location="bottom">{{ t('setting.cache.clearAll') }}</VTooltip>
           </VBtn>
         </div>
@@ -411,10 +411,9 @@ onMounted(() => {
       <!-- 空状态 -->
       <template #no-data>
         <div class="text-center pa-4">
-          <VIcon size="64" color="grey-lighten-2" class="mb-4"> mdi-database-off </VIcon>
-          <div class="text-h6 text-grey">{{ t('setting.cache.noData') }}</div>
+          <VIcon size="64" class="mb-4"> mdi-database-off </VIcon>
           <div class="text-body-2 text-grey">
-            {{ t('setting.cache.noDataHint') }}
+            {{ t('setting.cache.noData') }}
           </div>
         </div>
       </template>
@@ -424,7 +423,7 @@ onMounted(() => {
   <!-- 重新识别对话框 -->
   <VDialog v-model="reidentifyDialog" scrollable max-width="35rem" :fullscreen="!display.mdAndUp.value">
     <VCard>
-      <VCardItem>
+      <VCardItem class="py-2">
         <template #prepend>
           <VIcon>mdi-text-recognition</VIcon>
         </template>