From 20a2329e10e9400a6231ff475e95614ecc4acbae Mon Sep 17 00:00:00 2001
From: BTMuli <BT-Muli@outlook.com>
Date: Wed, 28 Jun 2023 11:23:15 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20=E4=BF=AE=E5=A4=8D=20hover=20?=
 =?UTF-8?q?=E6=97=B6=20border-radius=20=E6=B6=88=E5=A4=B1=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/main/t-position.vue | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/components/main/t-position.vue b/src/components/main/t-position.vue
index ca0b68b6..e87b9e99 100644
--- a/src/components/main/t-position.vue
+++ b/src/components/main/t-position.vue
@@ -10,7 +10,7 @@
           <v-list-item :title="card.title" :subtitle="card.abstract">
             <template #prepend>
               <v-avatar rounded="0" @click="toPost(card)">
-                <v-img :src="card.icon" />
+                <v-img :src="card.icon" class="position-icon" />
               </v-avatar>
             </template>
             <template #append>
@@ -175,15 +175,22 @@ onUnmounted(() => {
   font-family: var(--font-title);
 }
 
-.position-list :deep(img) {
+.position-icon {
+  overflow: hidden;
   width: 100%;
   height: 100%;
   border-radius: 5px;
   object-fit: contain;
+}
+
+.position-icon :deep(img) {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
   transition: all 0.3s;
 }
 
-.position-list :deep(img):hover {
+.position-icon :hover {
   cursor: pointer;
   scale: 1.5;
 }