feat: 优化显示效果
This commit is contained in:
@@ -343,9 +343,9 @@ onMounted(async () => {
|
|||||||
v-if="conversationMap[conversationKey].length > 0"
|
v-if="conversationMap[conversationKey].length > 0"
|
||||||
class="classify-title pt-2"
|
class="classify-title pt-2"
|
||||||
>
|
>
|
||||||
<b class="mx-1">
|
<p class="mx-1">
|
||||||
{{ conversationKey }}
|
{{ conversationKey }}
|
||||||
</b>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div
|
<div
|
||||||
@@ -357,11 +357,9 @@ onMounted(async () => {
|
|||||||
class="mt-1"
|
class="mt-1"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
class="flex cursor-pointer flex-row items-center justify-between rounded-lg px-2 leading-10"
|
class="mb-2 flex cursor-pointer flex-row items-center justify-between rounded-lg px-2 leading-10"
|
||||||
:class="[
|
:class="[
|
||||||
conversation.id === activeConversationId
|
conversation.id === activeConversationId ? 'bg-success' : '',
|
||||||
? 'bg-success-600'
|
|
||||||
: '',
|
|
||||||
]"
|
]"
|
||||||
>
|
>
|
||||||
<div class="flex items-center">
|
<div class="flex items-center">
|
||||||
|
|||||||
@@ -514,7 +514,7 @@ onMounted(async () => {
|
|||||||
<!-- 右侧:详情部分 -->
|
<!-- 右侧:详情部分 -->
|
||||||
<Layout class="bg-card mx-4">
|
<Layout class="bg-card mx-4">
|
||||||
<Layout.Header
|
<Layout.Header
|
||||||
class="!bg-card border-border flex items-center justify-between border-b"
|
class="!bg-card border-border flex !h-12 items-center justify-between border-b"
|
||||||
>
|
>
|
||||||
<div class="text-lg font-bold">
|
<div class="text-lg font-bold">
|
||||||
{{ activeConversation?.title ? activeConversation?.title : '对话' }}
|
{{ activeConversation?.title ? activeConversation?.title : '对话' }}
|
||||||
@@ -574,11 +574,9 @@ onMounted(async () => {
|
|||||||
</Layout.Content>
|
</Layout.Content>
|
||||||
|
|
||||||
<Layout.Footer class="!bg-card m-0 flex flex-col p-0">
|
<Layout.Footer class="!bg-card m-0 flex flex-col p-0">
|
||||||
<form
|
<form class="border-border m-2 flex flex-col rounded-xl border p-2">
|
||||||
class="border-border my-5 mb-5 mt-2 flex flex-col rounded-xl border px-2 py-2.5"
|
|
||||||
>
|
|
||||||
<textarea
|
<textarea
|
||||||
class="box-border h-24 resize-none overflow-auto rounded-md px-0 py-1 focus:outline-none"
|
class="box-border h-24 resize-none overflow-auto rounded-md p-2 focus:outline-none"
|
||||||
v-model="prompt"
|
v-model="prompt"
|
||||||
@keydown="handleSendByKeydown"
|
@keydown="handleSendByKeydown"
|
||||||
@input="handlePromptInput"
|
@input="handlePromptInput"
|
||||||
|
|||||||
Reference in New Issue
Block a user