Browse Source

显示聊天消息指向箭头

master
xsx 1 year ago
parent
commit
4f76dc5b2c
  1. 6
      im-web/src/components/chat/ChatMessageItem.vue

6
im-web/src/components/chat/ChatMessageItem.vue

@ -257,6 +257,7 @@
.chat-msg-bottom { .chat-msg-bottom {
display: inline-block; display: inline-block;
padding-right: 300px; padding-right: 300px;
padding-left: 5px;
.chat-msg-text { .chat-msg-text {
display: block; display: block;
@ -276,7 +277,6 @@
position: absolute; position: absolute;
left: -10px; left: -10px;
top: 13px; top: 13px;
z-index: -1;
width: 0; width: 0;
height: 0; height: 0;
border-style: solid dashed dashed; border-style: solid dashed dashed;
@ -437,7 +437,7 @@
.chat-msg-bottom { .chat-msg-bottom {
padding-left: 180px; padding-left: 180px;
padding-right: 0; padding-right: 5px;
.chat-msg-text { .chat-msg-text {
margin-left: 10px; margin-left: 10px;
@ -447,7 +447,7 @@
&:after { &:after {
left: auto; left: auto;
right: -10px; right: -10px;
border-top-color: rgb(88, 127, 240); border-top-color: var(--im-color-primary-light-2);
} }
} }

Loading…
Cancel
Save