Commit c11c4929 authored by 水玉婷's avatar 水玉婷
Browse files

feat:样式调整

parent 6e8231d0
...@@ -22,7 +22,7 @@ ...@@ -22,7 +22,7 @@
<!-- 消息区域 --> <!-- 消息区域 -->
<div class="chat-messages" ref="messagesContainer" v-if="props?.dialogSessionId || hasStartedConversation"> <div class="chat-messages" ref="messagesContainer" v-if="props?.dialogSessionId || hasStartedConversation">
<div v-for="(msg, index) in messages" :key="index" :class="['message', msg.messageType]"> <div v-for="(msg, index) in messages" :key="index" :class="['message', msg.messageType]">
<div class="avatar-container"> <!-- <div class="avatar-container">
<div class="avatar"> <div class="avatar">
<template v-if="msg.messageType === 'received'"> <template v-if="msg.messageType === 'received'">
<img :src="props?.logoUrl || defaultAvatar" alt="avatar" class="avatar-image" /> <img :src="props?.logoUrl || defaultAvatar" alt="avatar" class="avatar-image" />
...@@ -32,7 +32,7 @@ ...@@ -32,7 +32,7 @@
</template> </template>
</div> </div>
<div class="message-time">{{ msg.date }}</div> <div class="message-time">{{ msg.date }}</div>
</div> </div> -->
<div class="message-content-wrapper"> <div class="message-content-wrapper">
<div class="message-content"> <div class="message-content">
......
...@@ -385,7 +385,7 @@ const renderCellContent = (header: string, value: any, record: any) => { ...@@ -385,7 +385,7 @@ const renderCellContent = (header: string, value: any, record: any) => {
/* 奇偶行样式 */ /* 奇偶行样式 */
.ant-table-tbody > tr:nth-child(odd) > td { .ant-table-tbody > tr:nth-child(odd) > td {
background-color: #f8faff; background-color: #F2F3F5;
} }
.ant-table-tbody > tr:nth-child(even) > td { .ant-table-tbody > tr:nth-child(even) > td {
...@@ -393,7 +393,7 @@ const renderCellContent = (header: string, value: any, record: any) => { ...@@ -393,7 +393,7 @@ const renderCellContent = (header: string, value: any, record: any) => {
} }
.ant-table-tbody > tr:hover > td { .ant-table-tbody > tr:hover > td {
background-color: #f0f5ff; background-color: #F2F3F5;
} }
.ant-table-tbody > tr:last-child > td { .ant-table-tbody > tr:last-child > td {
......
...@@ -67,7 +67,6 @@ li { ...@@ -67,7 +67,6 @@ li {
.chat-container { .chat-container {
background-color: @white; background-color: @white;
border-radius: 8px; border-radius: 8px;
box-shadow: 0 8px 30px rgba(var(--primary-color-rgb, 91, 138, 254), 0.15);
overflow: hidden; overflow: hidden;
width: 100%; width: 100%;
display: flex; display: flex;
...@@ -173,7 +172,7 @@ li { ...@@ -173,7 +172,7 @@ li {
.chat-messages { .chat-messages {
flex: 1; flex: 1;
overflow-y: auto; overflow-y: auto;
padding: 12px; padding: 12px 16px;
} }
// 输入容器 // 输入容器
...@@ -387,7 +386,7 @@ li { ...@@ -387,7 +386,7 @@ li {
width: 6px; width: 6px;
height: 6px; height: 6px;
border-radius: 50%; border-radius: 50%;
background-color: @primary-color; background-color: #333;
animation: loading-dots 1.4s ease-in-out infinite both; animation: loading-dots 1.4s ease-in-out infinite both;
&:nth-child(1) { &:nth-child(1) {
...@@ -507,8 +506,8 @@ li { ...@@ -507,8 +506,8 @@ li {
} }
textarea { textarea {
flex: 1; flex: 1;
padding: 14px 110px 14px 16px; // 调整内边距:右侧为两个按钮留空间,左侧恢复正常 padding: 14px 110px 14px 16px;
border-radius: 12px; border-radius: 8px;
outline: none; outline: none;
resize: none; resize: none;
height: 52px; height: 52px;
...@@ -530,6 +529,7 @@ li { ...@@ -530,6 +529,7 @@ li {
border-color: @gray-3; border-color: @gray-3;
color: @gray-5; color: @gray-5;
cursor: not-allowed; cursor: not-allowed;
box-shadow: none;
} }
} }
...@@ -952,9 +952,9 @@ li { ...@@ -952,9 +952,9 @@ li {
color: @gray-9; color: @gray-9;
background: none; background: none;
white-space: initial; white-space: initial;
br{ // br{
display: contents; // display: contents;
} // }
// 标题样式 // 标题样式
h1, h1,
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment