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

src/views/ai/chat/index.vue

@@ -13,7 +13,7 @@
         <div class="title">
           {{ activeConversation?.title }}
         </div>
-        <div>
+        <div class="btns">
           <!-- TODO @fan：样式改下；这里我已经改成点击后，弹出了 -->
             <el-button type="primary" @click="openChatConversationUpdateForm">
               <span v-html="activeConversation?.modelName"></span>
@@ -32,11 +32,13 @@
       </el-header>
 
       <!-- main -->
-      <el-main class="main-container">
+      <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;
   }
 }