fix: 优化样式

This commit is contained in:
ViperEkura 2026-04-13 23:25:01 +08:00
parent 6f9bff1f1f
commit c2da551c92
1 changed files with 15 additions and 2 deletions

View File

@ -41,6 +41,13 @@
<!-- 右侧内容区 - 对话界面 --> <!-- 右侧内容区 - 对话界面 -->
<main class="conv-content"> <main class="conv-content">
<!-- 右侧导航栏 -->
<MessageNav
v-if="showNav && convMessages.length > 0"
:messages="convMessages"
@navigate="scrollToMessage"
@close="showNav = false"
/>
<div v-if="!selectedConv" class="empty-content"> <div v-if="!selectedConv" class="empty-content">
<div class="empty-icon">💬</div> <div class="empty-icon">💬</div>
<p>选择一个会话查看</p> <p>选择一个会话查看</p>
@ -142,6 +149,7 @@ import { useRouter } from 'vue-router'
import { conversationsAPI, providersAPI, messagesAPI, toolsAPI } from '../utils/api.js' import { conversationsAPI, providersAPI, messagesAPI, toolsAPI } from '../utils/api.js'
import { renderMarkdown } from '../utils/markdown.js' import { renderMarkdown } from '../utils/markdown.js'
import ProcessBlock from '../components/ProcessBlock.vue' import ProcessBlock from '../components/ProcessBlock.vue'
import MessageNav from '../components/MessageNav.vue'
const router = useRouter() const router = useRouter()
const list = ref([]) const list = ref([])
@ -463,7 +471,6 @@ onMounted(() => {
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
display: -webkit-box; display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
flex: 1; flex: 1;
} }
@ -616,7 +623,13 @@ onMounted(() => {
} }
.message-content { .message-content {
max-width: 70%; max-width: 80%;
width: 80%;
}
.chat-message.user .message-content {
max-width: 80%;
width: auto;
} }
.message-text { .message-text {