From 89171a975877c65c5ce419ee872da5e98b2cf847 Mon Sep 17 00:00:00 2001
From: ulleo <ulleo.wang@gmail.com>
Date: Thu, 17 Jul 2025 13:07:42 +0800
Subject: [PATCH] feat: chat greeting css

---
 frontend/src/views/chat/index.vue | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/frontend/src/views/chat/index.vue b/frontend/src/views/chat/index.vue
index 3bfac12f..8f28cb59 100644
--- a/frontend/src/views/chat/index.vue
+++ b/frontend/src/views/chat/index.vue
@@ -47,7 +47,7 @@
         />
       </el-popover>
       <el-tooltip effect="dark" :content="t('qa.new_chat')" placement="bottom">
-        <el-button link type="primary" class="icon-btn" @click="createNewChat">
+        <el-button link type="primary" class="icon-btn" @click="createNewChatSimple">
           <el-icon>
             <icon_new_chat_outlined />
           </el-icon>
@@ -73,7 +73,7 @@
               size="large"
               type="primary"
               class="greeting-btn"
-              @click="createNewChat"
+              @click="createNewChatSimple"
             >
               <span class="inner-icon">
                 <el-icon>
@@ -299,6 +299,12 @@ const goEmpty = () => {
   inputMessage.value = ''
 }
 
+const createNewChatSimple = async () => {
+  currentChat.value = new ChatInfo()
+  currentChatId.value = undefined
+  await createNewChat()
+}
+
 const createNewChat = async () => {
   goEmpty()
   if (isAssistant.value) {
@@ -760,9 +766,7 @@ defineExpose({
   align-items: center;
 
   .welcome-content {
-    padding: 12px;
-
-    width: fit-content;
+    width: 100%;
     max-width: 800px;
     display: flex;
     gap: 16px;