feat: 调整对话界面的样式

src/modules/conversation-chat/DialogInput.vue

@@ -375,6 +375,8 @@ defineExpose({
 .file-upload-preview-container {
   margin-top: 5px;
   padding: 5px;
+  background-color: var(--color-fill-2);
+  border-radius: 5px;
 }
 </style>
 

src/modules/conversation-item/DialogAnswer.vue

@@ -20,7 +20,7 @@
             />
           </DialogContent>
 
-          <BtnStopChat v-if="answer_status === 1" @stop="handleStopChat" />
+          <!-- <BtnStopChat v-if="answer_status === 1" @stop="handleStopChat" /> -->
 
           <!-- 对话已经结束，并且有引用数据 -->
           <template v-if="has_refference && answer_status === 2">

src/modules/conversation-item/DialogQuestion.vue

@@ -4,14 +4,14 @@
 
     <div class="dialog-main question-main">
       <div class="dialog-content question-content">
-        <div>
-          <DialogContent :content="question.content" class="question-content-core-text">
-            <FileUploadPreviewV2
-              v-if="question_attached_files.length !== 0"
-              :file_list="question_attached_files"
-              :enable_remove="false"
-            />
-          </DialogContent>
+        <div class="question-main-content">
+          <DialogContent :content="question.content" class="question-content-core-text"> </DialogContent>
+
+          <FileUploadPreviewV2
+            v-if="question_attached_files.length !== 0"
+            :file_list="question_attached_files"
+            :enable_remove="false"
+          />
         </div>
       </div>
 
@@ -84,4 +84,10 @@ const handleSelectChange = () => {
 .question-icon img {
   width: 100%;
 }
+
+.question-main-content {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+}
 </style>

src/modules/file-preview/FileUploadPreviewV1.vue

@@ -101,7 +101,7 @@ const handleRemoteFileItem = (item) => {
 
 <style lang="css" scoped>
 .file-upload-preview-area {
-  background-color: var(--color-border-2);
+  /* background-color: var(--color-border-2); */
   padding-top: 5px;
   padding-bottom: 5px;
 }