From 673038bf634c382ca05ed0dbe5869b6f11a8559f Mon Sep 17 00:00:00 2001
From: kuaifan <aipaw@live.cn>
Date: Mon, 4 Jul 2022 23:07:04 +0800
Subject: [PATCH] no message

---
 .../pages/manage/components/DialogWrapper.vue |  2 +-
 .../sass/pages/components/dialog-wrapper.scss | 30 +++++++++++++------
 2 files changed, 22 insertions(+), 10 deletions(-)

diff --git a/resources/assets/js/pages/manage/components/DialogWrapper.vue b/resources/assets/js/pages/manage/components/DialogWrapper.vue
index d259f2143..f0d8c09a0 100644
--- a/resources/assets/js/pages/manage/components/DialogWrapper.vue
+++ b/resources/assets/js/pages/manage/components/DialogWrapper.vue
@@ -25,7 +25,7 @@
                                 <Icon v-else class="icon-avatar" type="ios-people" />
                             </template>
                             <div v-else-if="dialogData.dialog_user" class="user-avatar">
-                                <UserAvatar :online.sync="dialogData.online_state" :userid="dialogData.dialog_user.userid" :size="44">
+                                <UserAvatar :online.sync="dialogData.online_state" :userid="dialogData.dialog_user.userid" :size="42">
                                     <p v-if="dialogData.type === 'user' && dialogData.online_state !== true" slot="end">
                                         {{$L(dialogData.online_state)}}
                                     </p>
diff --git a/resources/assets/sass/pages/components/dialog-wrapper.scss b/resources/assets/sass/pages/components/dialog-wrapper.scss
index 8eb1e66b4..73bf3b0ef 100644
--- a/resources/assets/sass/pages/components/dialog-wrapper.scss
+++ b/resources/assets/sass/pages/components/dialog-wrapper.scss
@@ -94,8 +94,8 @@
 
                     .user-avatar,
                     .icon-avatar {
-                        width: 44px;
-                        height: 44px;
+                        width: 42px;
+                        height: 42px;
                         margin-right: 2px;
                         flex-grow: 0;
                         flex-shrink: 0;
@@ -199,16 +199,17 @@
                         > li {
                             font-size: 12px;
                             list-style: none;
-                            line-height: 22px;
-                            margin-top: 5px;
-                            margin-right: 5px;
+                            line-height: 24px;
+                            margin-top: 4px;
+                            margin-right: 6px;
+                            margin-bottom: -6px;
                             overflow: hidden;
                             text-overflow: ellipsis;
                             white-space: nowrap;
                             cursor: pointer;
                             display: flex;
                             align-items: center;
-                            padding: 0 5px;
+                            padding: 0 6px;
                             color: $primary-title-color;
                             border-radius: 5px;
 
@@ -218,7 +219,7 @@
                                 height: 14px;
                                 line-height: 14px;
                                 font-size: 14px;
-                                margin-right: 3px;
+                                margin-right: 4px;
                                 background-repeat: no-repeat;
                                 background-size: contain;
                                 background-position: center center;
@@ -259,6 +260,7 @@
                             }
 
                             &.active {
+                                font-weight: 500;
                                 color: $primary-color;
                                 background-color: rgba($primary-color, 0.18);
                             }
@@ -1326,7 +1328,17 @@
 
                             > li {
                                 flex-shrink: 0;
-                                line-height: 24px;
+                                line-height: 28px;
+                                padding: 0 8px;
+                                font-size: 14px;
+
+                                > i {
+                                    width: 16px;
+                                    height: 16px;
+                                    line-height: 16px;
+                                    font-size: 16px;
+                                    margin-right: 3px;
+                                }
                             }
                         }
                     }
@@ -1341,7 +1353,7 @@
             background-color: #ffffff;
 
             &.default-header {
-                margin-top: 30px;
+                margin-top: 34px;
             }
 
             .dialog-item {