From b4085fd1d399b612a968dbb03bb235ac6dee04b5 Mon Sep 17 00:00:00 2001
From: kuaifan <aipaw@live.cn>
Date: Sun, 17 Jul 2022 08:28:52 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E4=BC=98=E5=8C=96=E7=A7=BB=E9=99=A4?=
 =?UTF-8?q?=E7=BE=A4=E6=88=90=E5=91=98=E4=B8=8E=E6=89=93=E5=BC=80=E6=88=90?=
 =?UTF-8?q?=E5=91=98=E5=AF=B9=E8=AF=9D=E5=86=B2=E7=AA=81=E7=9A=84=E6=83=85?=
 =?UTF-8?q?=E5=86=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../manage/components/DialogGroupInfo.vue     |  4 ++-
 .../pages/components/dialog-group-info.scss   | 28 +++++++++++++------
 2 files changed, 23 insertions(+), 9 deletions(-)

diff --git a/resources/assets/js/pages/manage/components/DialogGroupInfo.vue b/resources/assets/js/pages/manage/components/DialogGroupInfo.vue
index 7de1d93f0..2ca5e9763 100644
--- a/resources/assets/js/pages/manage/components/DialogGroupInfo.vue
+++ b/resources/assets/js/pages/manage/components/DialogGroupInfo.vue
@@ -21,7 +21,9 @@
                 <li v-for="(item, index) in userList" :key="index" @click="openUser(item.userid)">
                     <UserAvatar :userid="item.userid" :size="32" showName tooltipDisabled/>
                     <div v-if="item.userid === dialogData.owner_id" class="user-tag">{{ $L("群主") }}</div>
-                    <Icon v-else-if="dialogData.owner_id == userId || item.inviter == userId" class="user-exit" type="md-exit" @click="onExit(item)"/>
+                    <div v-else-if="dialogData.owner_id == userId || item.inviter == userId" class="user-exit" @click.stop="onExit(item)">
+                        <Icon type="md-exit"/>
+                    </div>
                 </li>
                 <li v-if="userList.length === 0" class="no">
                     <Loading v-if="loadIng > 0"/>
diff --git a/resources/assets/sass/pages/components/dialog-group-info.scss b/resources/assets/sass/pages/components/dialog-group-info.scss
index 289c54846..96bb828cd 100644
--- a/resources/assets/sass/pages/components/dialog-group-info.scss
+++ b/resources/assets/sass/pages/components/dialog-group-info.scss
@@ -58,6 +58,7 @@
                 align-items: center;
                 list-style: none;
                 padding: 12px;
+                height: 56px;
                 border-radius: 6px;
 
                 &:hover {
@@ -109,18 +110,29 @@
                 .user-exit {
                     display: flex;
                     align-items: center;
-                    justify-content: center;
+                    justify-content: flex-end;
                     cursor: pointer;
-                    margin-left: 4px;
-                    width: 22px;
-                    height: 22px;
-                    font-size: 12px;
-                    color: $primary-desc-color;
-                    border: 1px solid #dddddd;
-                    border-radius: 50%;
+                    height: 100%;
+                    width: 32px;
                     opacity: 0;
                     transform: translateX(50%);
                     transition: all 0.2s;
+                    &:hover {
+                        > i {
+                            color: $primary-text-color;
+                        }
+                    }
+                    > i {
+                        display: flex;
+                        align-items: center;
+                        justify-content: center;
+                        width: 22px;
+                        height: 22px;
+                        font-size: 12px;
+                        color: $primary-desc-color;
+                        border: 1px solid #dddddd;
+                        border-radius: 50%;
+                    }
                 }
             }
         }