浏览代码

显示聊天消息指向箭头

xsx 1 年之前
父节点
当前提交
4f76dc5b2c
共有 1 个文件被更改,包括 4 次插入4 次删除
  1. 4 4
      im-web/src/components/chat/ChatMessageItem.vue

+ 4 - 4
im-web/src/components/chat/ChatMessageItem.vue

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