fix: 优化对话框选项卡样式

Author: wangdan-fit2cloud

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>

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;

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>

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>

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;
-}
+  padding: 20px 0 !important;
+}

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;

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>