fix: Optimization style and fit setting avatar save prompt error(#2523)

* fix: Setting avatar save prompt error(#2523)

* perf: optimization style

ui/src/components/ai-chat/KnowledgeSource.vue

@@ -37,7 +37,10 @@
     </el-row>
   </div>
 
-  <div class="border-t color-secondary flex-between mt-12" style="padding-top: 12px">
+  <div
+    class="border-t color-secondary flex-between mt-12"
+    style="padding-top: 12px; padding-bottom: 8px"
+  >
     <div>
       <span class="mr-8">
         {{ $t('chat.KnowledgeSource.consume') }}: {{ data?.message_tokens + data?.answer_tokens }}

ui/src/components/ai-chat/component/answer-content/index.vue

@@ -6,7 +6,7 @@
         <LogoIcon v-else height="32px" width="32px" />
       </div>
       <div class="content" @mouseup="openControl">
-        <el-card shadow="always" class="mb-8 border-r-8">
+        <el-card shadow="always" class="mb-8 border-r-8" style="--el-card-padding: 6px 16px">
           <MdRenderer
             v-if="
               (chatRecord.write_ed === undefined || chatRecord.write_ed === true) &&
@@ -27,12 +27,12 @@
               :send-message="chatMessage"
             ></MdRenderer>
           </template>
-          <span v-else-if="chatRecord.is_stop" shadow="always">
+          <p v-else-if="chatRecord.is_stop" shadow="always" style="margin: 0.5rem 0">
             {{ $t('chat.tip.stopAnswer') }}
-          </span>
-          <span v-else shadow="always">
+          </p>
+          <p v-else shadow="always" style="margin: 0.5rem 0">
             {{ $t('chat.tip.answerLoading') }} <span class="dotting"></span>
-          </span>
+          </p>
           <!-- 知识来源 -->
           <div v-if="showSource(chatRecord) && index === chatRecord.answer_text_list.length - 1">
             <KnowledgeSource :data="chatRecord" :type="application.type" />

ui/src/styles/element-plus.scss

@@ -7,6 +7,7 @@
   --el-color-info: #8f959e !important;
   --el-disabled-bg-color: #eff0f1 !important;
   --el-text-color-primary: #1f2329;
+  --el-font-line-height-primary: 22px;
 }
 
 .el-button {
@@ -134,7 +135,7 @@
 }
 .el-message-box__headerbtn {
   right: 10px;
-  top: 15px;
+  top: 16px;
   .el-message-box__close {
     font-size: 20px;
   }
@@ -267,7 +268,7 @@
 }
 
 .el-select__wrapper.is-disabled {
-  background-color: var(--el-disabled-bg-color)!important;
+  background-color: var(--el-disabled-bg-color) !important;
 }
 .el-select__placeholder {
   font-weight: 400;
@@ -350,7 +351,7 @@
 }
 
 .radio_content .is-disabled {
-  background-color: var(--el-disabled-bg-color)!important;;
+  background-color: var(--el-disabled-bg-color) !important;
 }
 
 .el-input-number.is-controls-right .el-input__wrapper {
@@ -421,4 +422,4 @@
 
 .el-table .el-popper {
   max-width: 500px !important;
-}
+}

ui/src/views/hit-test/index.vue

@@ -24,10 +24,14 @@
               v-if="first"
               :image="emptyImg"
               :description="$t('views.application.hitTest.emptyMessage1')"
+              style="padding-top: 160px"
+              :image-size="125"
             />
             <el-empty
               v-else-if="paragraphDetail.length == 0"
               :description="$t('views.application.hitTest.emptyMessage2')"
+              style="padding-top: 160px"
+              :image-size="125"
             />
             <el-row v-else>
               <el-col
@@ -385,7 +389,7 @@ onMounted(() => {})
   }
 
   .hit-test-height {
-    height: calc(var(--app-main-height) - 170px);
+    height: calc(var(--app-main-height) - 135px);
   }
   .document-card {
     height: 210px;

ui/src/workflow/nodes/variable-assign-node/index.vue

@@ -121,7 +121,8 @@
                 title="JSON"
                 v-model="item.value"
                 :style="{
-                  height: '100px'
+                  height: '100px',
+                  width: '155px'
                 }"
                 @submitDialog="(val: string) => (form_data.variable_list[index].value = val)"
               />