【优化】AI 切换按钮，并排按钮

src/views/ai/chat/index.vue

@@ -13,12 +13,12 @@
         <div class="title">
           {{ activeConversation?.title }}
         </div>
-        <div>
+        <div class="btns">
           <!-- TODO @fan：样式改下；这里我已经改成点击后，弹出了 -->
-          <el-button type="primary" @click="openChatConversationUpdateForm">
-            <span v-html="activeConversation?.modelName"></span>
-            <Icon icon="ep:setting" style="margin-left: 10px"/>
-          </el-button>
+            <el-button type="primary" @click="openChatConversationUpdateForm">
+              <span v-html="activeConversation?.modelName"></span>
+              <Icon icon="ep:setting" style="margin-left: 10px"/>
+            </el-button>
           <el-button>
             <Icon icon="ep:user"/>
           </el-button>
@@ -32,10 +32,12 @@
       </el-header>
 
       <!-- main -->
-      <el-main class="main-container">
-        <div class="message-container" >
-          <Message v-if="list.length > 0" ref="messageRef" :list="list" @on-delete-success="handlerMessageDelete" />
-          <ChatEmpty  v-if="list.length === 0" @on-prompt="doSend"/>
+      <el-main class="main-container" >
+        <div >
+          <div class="message-container" >
+            <Message v-if="list.length > 0" ref="messageRef" :list="list" @on-delete-success="handlerMessageDelete" />
+            <ChatEmpty  v-if="list.length === 0" @on-prompt="doSend"/>
+          </div>
         </div>
       </el-main>
 
@@ -450,7 +452,6 @@ onMounted(async () => {
   left: 0;
   height: 100%;
   width: 100%;
-  //padding: 15px 15px;
 }
 
 .conversation-container {
@@ -569,6 +570,12 @@ onMounted(async () => {
       font-size: 18px;
       font-weight: bold;
     }
+
+    .btns {
+      display: flex;
+      width: 300px;
+      justify-content: space-between;
+    }
   }
 }
 
@@ -577,6 +584,8 @@ onMounted(async () => {
   margin: 0;
   padding: 0;
   position: relative;
+  height: 100%;
+  width: 100%;
 
   .message-container {
     position: absolute;
@@ -586,8 +595,9 @@ onMounted(async () => {
     right: 0;
     //width: 100%;
     //height: 100%;
-    overflow-y: scroll;
-    padding: 0 15px;
+    overflow-y: hidden;
+    padding: 0;
+    margin: 0;
   }
 }