From 2b2e25202d3caa6b1335f8582ff618ad9a5a5a83 Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Mon, 31 Mar 2025 19:45:49 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=20SiteCard=20=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6=E7=9A=84=E6=A0=B7=E5=BC=8F=EF=BC=8C=E8=B0=83=E6=95=B4?=
 =?UTF-8?q?=E5=86=85=E8=BE=B9=E8=B7=9D=E5=92=8C=E5=B8=83=E5=B1=80=EF=BC=8C?=
 =?UTF-8?q?=E6=94=B9=E5=96=84=E7=94=A8=E6=88=B7=E7=95=8C=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/cards/SiteCard.vue | 19 +++++++++----------
 1 file changed, 9 insertions(+), 10 deletions(-)

diff --git a/src/components/cards/SiteCard.vue b/src/components/cards/SiteCard.vue
index 9ce844a5..a81086be 100644
--- a/src/components/cards/SiteCard.vue
+++ b/src/components/cards/SiteCard.vue
@@ -156,12 +156,12 @@ onMounted(() => {
       @click="handleResourceBrowse"
       :ripple="false"
     >
-      <template #image>
-        <VAvatar class="absolute right-2 bottom-2 rounded" variant="flat" rounded="0">
-          <VImg :src="siteIcon" />
-        </VAvatar>
-      </template>
-      <VCardItem style="padding-block-end: 0">
+      <VCardItem class="pt-3 pb-0">
+        <template #prepend>
+          <VAvatar class="rounded" variant="flat" size="small" rounded>
+            <VImg :src="siteIcon" />
+          </VAvatar>
+        </template>
         <VCardTitle class="font-bold">
           {{ cardProps.site?.name }}
         </VCardTitle>
@@ -169,7 +169,7 @@ onMounted(() => {
           {{ cardProps.site?.url }}
         </VCardSubtitle>
       </VCardItem>
-      <VCardText class="py-1">
+      <VCardText class="py-0">
         <VTooltip v-if="cardProps.site?.limit_interval" text="流控">
           <template #activator="{ props }">
             <VIcon color="primary" class="me-2" v-bind="props" icon="mdi-speedometer" />
@@ -191,8 +191,8 @@ onMounted(() => {
           </template>
         </VTooltip>
       </VCardText>
-      <VCardActions>
-        <div class="text-sm">
+      <VCardActions class="flex justify-between">
+        <div class="text-sm ms-1 grow">
           ↑ {{ formatFileSize(cardProps.data?.upload || 0) }} / ↓ {{ formatFileSize(cardProps.data?.download || 0) }}
         </div>
         <IconBtn>
@@ -232,7 +232,6 @@ onMounted(() => {
             </VList>
           </VMenu>
         </IconBtn>
-        <VSpacer />
       </VCardActions>
       <StatIcon v-if="cardProps.site?.is_active" :color="statColor" />
       <span class="absolute top-1 right-8">