perf: style

Author: wangdan-fit2cloud

ui/src/styles/md-editor.scss

@@ -1,6 +1,7 @@
 .md-editor {
   font-weight: 400;
   --md-color: var(--el-text-color-primary);
+  border-radius: var(--el-border-radius-base);
   .cm-content {
     font-weight: 400;
     color: var(--el-text-color-primary);

ui/src/views/application/index.vue

@@ -61,7 +61,10 @@
               <el-option :label="$t('common.status.unpublished')" value="unpublished" />
             </el-select>
           </div>
-          <span class="ml-8" v-if="permissionPrecise.batchDelete() || permissionPrecise.batchMove()">
+          <span
+            class="ml-8"
+            v-if="permissionPrecise.batchDelete() || permissionPrecise.batchMove()"
+          >
             <el-button @click="batchSelectedHandle(true)" v-if="isBatch === false">
               <AppIcon iconName="app-batch-delete" class="mr-4" />
               {{ $t('views.paragraph.setting.batchSelected') }}
@@ -250,7 +253,7 @@
                         <el-divider direction="vertical" />
                         <el-dropdown trigger="click">
                           <el-button text @click.stop>
-                            <AppIcon iconName="app-more"></AppIcon>
+                            <AppIcon iconName="app-more" class="color-secondary"></AppIcon>
                           </el-button>
                           <template #dropdown>
                             <el-dropdown-menu>
@@ -343,7 +346,11 @@
           {{ $t('common.moveTo') }}
         </el-button>
 
-        <el-button :disabled="multipleSelection.length === 0" @click="deleteMulApplication" v-if="permissionPrecise.batchDelete()">
+        <el-button
+          :disabled="multipleSelection.length === 0"
+          @click="deleteMulApplication"
+          v-if="permissionPrecise.batchDelete()"
+        >
           {{ $t('common.delete') }}
         </el-button>
         <span class="color-secondary ml-24 mr-16">

ui/src/views/knowledge/component/KnowledgeListContainer.vue

@@ -35,7 +35,10 @@
             <el-option v-for="u in user_options" :key="u.id" :value="u.id" :label="u.nick_name" />
           </el-select>
         </div>
-        <span class="ml-8" v-if="!isShared && (permissionPrecise.batchMove() || permissionPrecise.batchDelete())">
+        <span
+          class="ml-8"
+          v-if="!isShared && (permissionPrecise.batchMove() || permissionPrecise.batchDelete())"
+        >
           <el-button @click="batchSelectedHandle(true)" v-if="isBatch === false">
             <AppIcon iconName="app-batch-delete" class="mr-4" />
             {{ $t('views.paragraph.setting.batchSelected') }}
@@ -240,7 +243,7 @@
                     <div @click.stop v-if="!isShared">
                       <el-dropdown trigger="click">
                         <el-button text @click.stop v-if="MoreFilledPermission(item)">
-                          <AppIcon iconName="app-more"></AppIcon>
+                          <AppIcon iconName="app-more" class="color-secondary"></AppIcon>
                         </el-button>
                         <template #dropdown>
                           <el-dropdown-menu>

ui/src/views/model/component/ModelCard.vue

@@ -71,7 +71,7 @@
     <template #mouseEnter v-if="MoreFilledPermission(model.id)">
       <el-dropdown trigger="click" v-if="!isShared">
         <el-button text @click.stop>
-          <AppIcon iconName="app-more"></AppIcon>
+          <AppIcon iconName="app-more" class="color-secondary"></AppIcon>
         </el-button>
         <template #dropdown>
           <el-dropdown-menu>

ui/src/views/tool/component/ToolListContainer.vue

@@ -265,7 +265,7 @@
                       <el-divider direction="vertical" />
                       <el-dropdown trigger="click">
                         <el-button text @click.stop>
-                          <AppIcon iconName="app-more"></AppIcon>
+                          <AppIcon iconName="app-more" class="color-secondary"></AppIcon>
                         </el-button>
                         <template #dropdown>
                           <el-dropdown-menu>

ui/src/views/tool/tool-store/ToolCard.vue

@@ -32,7 +32,12 @@
       <el-tag size="small" type="info" v-else-if="props.tool?.label === 'skill'" class="info-tag">
         Skills
       </el-tag>
-      <el-tag size="small" type="info" v-else-if="props.tool?.label === 'workflow_template'" class="info-tag">
+      <el-tag
+        size="small"
+        type="info"
+        v-else-if="props.tool?.label === 'workflow_template'"
+        class="info-tag"
+      >
         {{ $t('views.tool.toolWorkflow.title') }}
       </el-tag>
       <el-tag size="small" type="info" class="info-tag" v-else>
@@ -45,8 +50,12 @@
       </el-text>
     </template>
     <template #footer>
-      <span class="card-footer-left color-secondary" v-if="props.tool?.downloads != undefined">
-        {{ `${$t('views.document.upload.download')}: ${numberFormat(props.tool.downloads || 0)} ` }}
+      <span
+        class="card-footer-left color-secondary flex align-center"
+        v-if="props.tool?.downloads != undefined"
+      >
+        <AppIcon iconName="app-download" class="mr-4" />
+        <span> {{ numberFormat(props.tool.downloads || 0) }} </span>
       </span>
       <div class="card-footer-operation mb-8" @click.stop>
         <el-button @click="emit('handleDetail')">