fix: 优化样式
This commit is contained in:
parent
6f9bff1f1f
commit
c2da551c92
|
|
@ -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 {
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue