头像宽度压缩 fixed

2022-06-09 17:25:42 +08:00
parent cc8ea05acb
commit 39975bd3b6
1 changed files with 2 additions and 1 deletions
--- a/src/components/chat.vue
+++ b/src/components/chat.vue
@ -135,6 +135,7 @@ const sendMessage = () => {
      .avatar {
        width: 40px;
        height: 40px;
+        flex-shrink: 0;
        background-color: #bcbcbc;
        border-radius: 50%;
        display: flex;
@ -170,7 +171,7 @@ const sendMessage = () => {
  }
  .input-bar {
    display: flex;
-    // margin: 10px 0;
+    margin: 0 5px;
    .message-input {
      margin-right: 5px;
    }