feat: 添加应用样式

ui/src/components/card-add/index.vue

@@ -24,7 +24,7 @@ defineProps({
   font-size: 16px;
   cursor: pointer;
   min-height: var(--card-min-height);
-  border: 1px dashed var(--el-color-primary);
+  border: 1px dashed var(--el-border-color);
   background: #eff0f1;
   border-radius: 8px;
 
@@ -38,6 +38,7 @@ defineProps({
   &:hover {
     color: var(--el-color-primary);
     background: #ffffff;
+    border: 1px dashed var(--el-color-primary);
     .add-icon {
       background: #ffffff;
       border-color: var(--el-color-primary);

ui/src/layout/components/top-bar/avatar/ResetPasssword.vue

@@ -6,7 +6,7 @@
       :model="resetPasswordForm"
       :rules="rules"
     >
-      <p class="mt-16 mb-8 lighter">新密码</p>
+      <p class="mb-8 lighter">新密码</p>
       <el-form-item prop="password" style="margin-bottom: 8px">
         <el-input
           type="password"

ui/src/styles/element-plus.scss

@@ -67,8 +67,11 @@
     color: var(--app-text-color);
   }
 }
+.el-dialog__headerbtn {
+  top: 6px;
+}
 .el-dialog__header {
-  padding-bottom: 8px;
+  padding-bottom: 24px;
 }
 .el-dialog__footer {
   padding-top: 0;
@@ -106,8 +109,8 @@
   }
 }
 .el-message-box__headerbtn {
-  right: -5px;
-  top: -5px;
+  right: 10px;
+  top: 15px;
   .el-message-box__close {
     font-size: 20px;
   }
@@ -247,6 +250,9 @@
   padding-left: 11px;
 }
 
+.el-select {
+  min-width: 200px;
+}
 .el-tabs__header {
   margin: 0 0 12px;
 }

ui/src/views/applicaiton-overview/index.vue

@@ -30,7 +30,7 @@
               />
             </div>
 
-            <div class="mt-4 url-height">
+            <div class="mt-4 mb-16 url-height">
               <span class="vertical-middle lighter break-all">
                 {{ shareUrl }}
               </span>
@@ -56,7 +56,7 @@
             <div class="flex">
               <el-text type="info">API访问凭据</el-text>
             </div>
-            <div class="mt-4 url-height">
+            <div class="mt-4 mb-16 url-height">
               <span class="vertical-middle lighter break-all">
                 {{ apiUrl }}
               </span>
@@ -157,7 +157,7 @@ onMounted(() => {
     top: 21px;
   }
   .url-height {
-    min-height: 50px;
+    // min-height: 50px;
   }
 }
 </style>

ui/src/views/dataset/step/StepSecond.vue

@@ -210,9 +210,7 @@ defineExpose({
   }
 
   &__form {
-    .el-select {
-      width: 100%;
-    }
+
 
     .title {
       font-size: 14px;

ui/src/views/log/index.vue

@@ -2,7 +2,7 @@
   <LayoutContainer header="对话日志">
     <div class="p-24">
       <div class="mb-16">
-        <el-select v-model="history_day" class="mr-12" @change="changeHandle">
+        <el-select v-model="history_day" class="mr-12 w-240" @change="changeHandle">
           <el-option
             v-for="item in dayOptions"
             :key="item.value"
@@ -87,7 +87,7 @@
                 <AppIcon iconName="app-like-color"></AppIcon>
                 {{ row.star_num }}
               </span>
-              <span v-if="row.trample_num" class="ml-4">
+              <span v-if="row.trample_num" class="ml-8">
                 <AppIcon iconName="app-oppose-color"></AppIcon>
                 {{ row.trample_num }}
               </span>

ui/src/views/paragraph/component/ParagraphDialog.vue

@@ -9,7 +9,7 @@
     <el-row v-loading="loading">
       <el-col :span="16">
         <el-scrollbar height="370" wrap-class="paragraph-scrollbar">
-          <div class="p-24" style="padding-bottom: 8px;">
+          <div class="p-24" style="padding-bottom: 8px">
             <div class="flex-between mb-16">
               <div class="bold title align-center">分段内容</div>
               <el-button text @click="isEdit = true" v-if="problemId && !isEdit">
@@ -144,12 +144,10 @@ defineExpose({ open })
     border-top: 1px solid var(--el-border-color);
   }
   .el-dialog__footer {
-    padding-top: 16px;
+    padding: 16px 24px;
     border-top: 1px solid var(--el-border-color);
   }
-  .el-dialog__headerbtn {
-    top: 6px;
-  }
+
   .title {
     color: var(--app-text-color);
   }

ui/src/views/paragraph/component/ProblemComponent.vue

@@ -9,7 +9,7 @@
     </span>
   </p>
   <div v-loading="loading">
-    <el-scrollbar height="359px">
+    <el-scrollbar height="345px">
       <div class="p-24" style="padding-top: 16px">
         <el-input
           ref="inputRef"

ui/src/views/template/component/CreateModelDialog.vue

@@ -29,6 +29,7 @@
       ref="dynamicsFormRef"
       label-position="top"
       require-asterisk-position="right"
+      class="mb-24"
     >
       <template #default>
         <el-form-item label="模型名称" prop="name" :rules="base_form_data_rule.name">