feat: ai chat style

pull/159/head
xingyu4j 2025-06-26 18:34:10 +08:00
parent 6299128a1e
commit 3dc4f42545
2 changed files with 9 additions and 6 deletions

View File

@ -358,7 +358,9 @@ onMounted(async () => {
<div
class="conversation flex cursor-pointer flex-row items-center justify-between rounded-lg px-2 leading-10"
:class="[
conversation.id === activeConversationId ? 'bg-gray-100' : '',
conversation.id === activeConversationId
? 'bg-primary-200'
: '',
]"
>
<div class="title-wrapper flex items-center">
@ -418,7 +420,7 @@ onMounted(async () => {
<!-- 左底部工具栏 -->
<div
class="absolute bottom-1 left-0 right-0 mb-4 flex items-center justify-between bg-gray-50 px-5 leading-9 text-gray-400 shadow-sm"
class="bg-card absolute bottom-1 left-0 right-0 mb-4 flex items-center justify-between px-5 leading-9 text-gray-400 shadow-sm"
>
<div
class="flex cursor-pointer items-center text-gray-400"

View File

@ -495,6 +495,7 @@ onMounted(async () => {
<Layout class="absolute left-0 top-0 m-4 h-full w-full flex-1">
<!-- 左侧对话列表 -->
<ConversationList
class="!bg-card"
:active-id="activeConversationId as any"
ref="conversationListRef"
@on-conversation-create="handleConversationCreateSuccess"
@ -504,9 +505,9 @@ onMounted(async () => {
/>
<!-- 右侧详情部分 -->
<Layout class="mx-4 bg-white">
<Layout class="bg-card mx-4">
<Layout.Header
class="flex items-center justify-between !bg-gray-50 shadow-none"
class="!bg-card border-border flex items-center justify-between border-b"
>
<div class="text-lg font-bold">
{{ activeConversation?.title ? activeConversation?.title : '对话' }}
@ -565,9 +566,9 @@ onMounted(async () => {
</div>
</Layout.Content>
<Layout.Footer class="m-0 flex flex-col !bg-white p-0">
<Layout.Footer class="!bg-card m-0 flex flex-col p-0">
<form
class="my-5 mb-5 mt-2 flex flex-col rounded-xl border border-gray-200 px-2 py-2.5"
class="border-border my-5 mb-5 mt-2 flex flex-col rounded-xl border px-2 py-2.5"
>
<textarea
class="box-border h-24 resize-none overflow-auto border-none px-0 py-1 focus:outline-none"