From 635de3a71d3aef60aeddd98af46dd59fc4274f24 Mon Sep 17 00:00:00 2001
From: wangdan-fit2cloud <dan.wang@fit2cloud.com>
Date: Wed, 4 Dec 2024 16:20:41 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BC=98=E5=8C=96=E5=AF=B9=E8=AF=9D?=
 =?UTF-8?q?=E6=A1=86=E9=80=89=E9=A1=B9=E5=8D=A1=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../component/prologue-content/index.vue      |  4 ++-
 ui/src/components/ai-chat/index.scss          | 28 -----------------
 .../dynamics-form/items/radio/RadioCard.vue   | 30 ++++++++++++-------
 ui/src/components/markdown/MdRenderer.vue     |  2 +-
 ui/src/styles/app.scss                        |  8 +++--
 ui/src/styles/md-editor.scss                  |  2 ++
 .../component/FileUploadSettingDialog.vue     |  4 +--
 7 files changed, 33 insertions(+), 45 deletions(-)

diff --git a/ui/src/components/ai-chat/component/prologue-content/index.vue b/ui/src/components/ai-chat/component/prologue-content/index.vue
index 2bb030f23..433e0ca3d 100644
--- a/ui/src/components/ai-chat/component/prologue-content/index.vue
+++ b/ui/src/components/ai-chat/component/prologue-content/index.vue
@@ -32,4 +32,6 @@ const prologue = computed(() => {
   return temp?.replace(/-\s.+/g, toQuickQuestion)
 })
 </script>
-<style lang="scss" scoped></style>
+<style lang="scss" scoped>
+
+</style>
diff --git a/ui/src/components/ai-chat/index.scss b/ui/src/components/ai-chat/index.scss
index 4eca190f0..82cfcba8a 100644
--- a/ui/src/components/ai-chat/index.scss
+++ b/ui/src/components/ai-chat/index.scss
@@ -26,34 +26,6 @@
     .text {
       padding: 6px 0;
     }
-
-    .problem-button {
-      width: 100%;
-      border: none;
-      border-radius: 8px;
-      background: var(--app-layout-bg-color);
-      height: 46px;
-      padding: 0 12px;
-      line-height: 46px;
-      box-sizing: border-box;
-      color: var(--el-text-color-regular);
-      -webkit-line-clamp: 1;
-      word-break: break-all;
-
-      &:hover {
-        background: var(--el-color-primary-light-9);
-      }
-
-      &.disabled {
-        &:hover {
-          background: var(--app-layout-bg-color);
-        }
-      }
-
-      .el-icon {
-        color: var(--el-color-primary);
-      }
-    }
   }
   &__operate {
     background: #f3f7f9;
diff --git a/ui/src/components/dynamics-form/items/radio/RadioCard.vue b/ui/src/components/dynamics-form/items/radio/RadioCard.vue
index 720df2f8f..10ec6bbda 100644
--- a/ui/src/components/dynamics-form/items/radio/RadioCard.vue
+++ b/ui/src/components/dynamics-form/items/radio/RadioCard.vue
@@ -1,15 +1,23 @@
 <template>
-  <div class="radio_content" v-resize="resize" :style="radioContentStyle">
-    <el-card
-      v-for="item in option_list"
-      :key="item.value"
-      class="item"
-      shadow="never"
-      :class="[inputDisabled ? 'is-disabled' : '', modelValue == item[valueField] ? 'active' : '']"
-      @click="inputDisabled ? () => {} : selected(item[valueField])"
-    >
-      {{ item[textField] }}
-    </el-card>
+  <div class="radio_content" :style="radioContentStyle">
+    <el-row :gutter="12" class="w-full">
+      <template v-for="(item,index) in option_list" :key="index">
+        <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
+          <el-card
+            :key="item.value"
+            class="item"
+            shadow="never"
+            :class="[
+              inputDisabled ? 'is-disabled' : '',
+              modelValue == item[valueField] ? 'active' : ''
+            ]"
+            @click="inputDisabled ? () => {} : selected(item[valueField])"
+          >
+            {{ item[textField] }}
+          </el-card>
+        </el-col>
+      </template>
+    </el-row>
   </div>
 </template>
 <script lang="ts" setup>
diff --git a/ui/src/components/markdown/MdRenderer.vue b/ui/src/components/markdown/MdRenderer.vue
index 1949f662b..3cebcac4b 100644
--- a/ui/src/components/markdown/MdRenderer.vue
+++ b/ui/src/components/markdown/MdRenderer.vue
@@ -3,7 +3,7 @@
     <div
       v-if="item.type === 'question'"
       @click="sendMessage ? sendMessage(item.content, 'new') : (content: string) => {}"
-      class="problem-button ellipsis-2 mb-8"
+      class="problem-button ellipsis-2 mt-8"
       :class="sendMessage ? 'cursor' : 'disabled'"
     >
       <el-icon>
diff --git a/ui/src/styles/app.scss b/ui/src/styles/app.scss
index f868dec8a..bc8bdc71f 100644
--- a/ui/src/styles/app.scss
+++ b/ui/src/styles/app.scss
@@ -277,6 +277,10 @@ h5 {
   vertical-align: middle;
 }
 
+.line-height-22 {
+  line-height: 22px;
+}
+
 .border {
   border: 1px solid var(--el-border-color);
 }
@@ -745,5 +749,5 @@ h5 {
 
 //企业微信
 .wwLogin_qrcode_head {
-  padding:20px 0 !important;
-}
\ No newline at end of file
+  padding: 20px 0 !important;
+}
diff --git a/ui/src/styles/md-editor.scss b/ui/src/styles/md-editor.scss
index 06a6ab887..86e385698 100644
--- a/ui/src/styles/md-editor.scss
+++ b/ui/src/styles/md-editor.scss
@@ -7,6 +7,8 @@
   font-size: inherit;
   p {
     padding: 0 !important;
+    margin: 0 !important;
+    line-height: 22px !important;
   }
   .md-editor-admonition {
     margin: 0;
diff --git a/ui/src/workflow/nodes/base-node/component/FileUploadSettingDialog.vue b/ui/src/workflow/nodes/base-node/component/FileUploadSettingDialog.vue
index ed5220fc6..461b6e81d 100644
--- a/ui/src/workflow/nodes/base-node/component/FileUploadSettingDialog.vue
+++ b/ui/src/workflow/nodes/base-node/component/FileUploadSettingDialog.vue
@@ -44,7 +44,7 @@
             <div class="flex align-center">
               <img class="mr-12" src="@/assets/icon_file-doc.svg" alt="" />
               <div>
-                <p>文档（TXT、MD、DOCX、HTML、CSV、XLSX、XLS、PDF）</p>
+                <p class="line-height-22 mt-4">文档（TXT、MD、DOCX、HTML、CSV、XLSX、XLS、PDF）</p>
                 <el-text class="color-secondary">需要使用“文档内容提取”节点解析文档内容</el-text>
               </div>
             </div>
@@ -61,7 +61,7 @@
             <div class="flex align-center">
               <img class="mr-12" src="@/assets/icon_file-image.svg" alt="" />
               <div>
-                <p>图片（JPG、JPEG、PNG、GIF）</p>
+                <p class="line-height-22 mt-4">图片（JPG、JPEG、PNG、GIF）</p>
                 <el-text class="color-secondary">需要使用“图片理解”节点解析图片内容</el-text>
               </div>
             </div>