From 01035508de9b30ec1814ba37d7726764367bcf25 Mon Sep 17 00:00:00 2001
From: danshihao <danshihao@syxysoft.com>
Date: Wed, 28 Aug 2024 15:48:26 +0800
Subject: [PATCH] =?UTF-8?q?[update=20=E9=A6=96=E9=A1=B5]=20=E5=8F=8B?=
 =?UTF-8?q?=E6=83=85=E9=93=BE=E6=8E=A5=E5=9B=BE=E7=89=87=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/dashboard/modules/FriendLinkCard.vue | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/src/views/dashboard/modules/FriendLinkCard.vue b/src/views/dashboard/modules/FriendLinkCard.vue
index 18d03d3..2ff3414 100644
--- a/src/views/dashboard/modules/FriendLinkCard.vue
+++ b/src/views/dashboard/modules/FriendLinkCard.vue
@@ -8,7 +8,7 @@
       <div class="content-wrapper">
         <div class="content-div" v-for="item in dataSource" :key="item.id" @click="clickLink(item)">
           <a-tooltip placement="top">
-            <img class="icon-img" :src="getImg(item.logoUrl)" :alt="item.name">
+            <div class="icon-img-box"><img class="icon-img" :src="getImg(item.logoUrl)" :alt="item.name"></div>
             <template slot="title">{{ item.name }}</template>
             <p>{{ item.name }}</p>
           </a-tooltip>
@@ -90,11 +90,21 @@ export default {
   align-items: center;
   margin: auto;
 
-  .icon-img {
-    border-radius: 8px;
+  .icon-img-box {
     width: @itemSize;
     height: @itemSize;
+    overflow: hidden;
+    border-radius: 8px;
     margin-bottom: 2px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+
+    .icon-img {
+      border-radius: 8px;
+      max-width: 100%;
+      max-height: 100%;
+    }
   }
   p {
     width: @itemSize;