From 9c2c7f0325a0ceb9dfdaf29be2946288e55279ba Mon Sep 17 00:00:00 2001
From: wangdan-fit2cloud <dan.wang@fit2cloud.com>
Date: Fri, 19 Jul 2024 16:27:12 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E4=BC=98=E5=8C=96=E6=A8=A1=E5=9E=8B?=
 =?UTF-8?q?=E8=AE=BE=E7=BD=AE=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/src/views/authentication/index.vue         |  4 +--
 ui/src/views/template/component/ModelCard.vue | 33 +++++++++----------
 2 files changed, 18 insertions(+), 19 deletions(-)

diff --git a/ui/src/views/authentication/index.vue b/ui/src/views/authentication/index.vue
index 145cb132a..3b586e5c1 100644
--- a/ui/src/views/authentication/index.vue
+++ b/ui/src/views/authentication/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="authentication-setting p-24">
+  <div class="authentication-setting p-16-24">
     <h4>{{ $t('login.authentication') }}</h4>
     <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
       <template v-for="(item, index) in tabList" :key="index">
@@ -38,7 +38,7 @@ onMounted(() => {})
   background-color: var(--app-view-bg-color);
   box-sizing: border-box;
   min-width: 700px;
-  height: calc(100vh - var(--app-header-height) - var(--app-view-padding) * 2 - 80px);
+  height: calc(100vh - var(--app-header-height) - var(--app-view-padding) * 2 - 70px);
   box-sizing: border-box;
   .form-container {
     width: 70%;
diff --git a/ui/src/views/template/component/ModelCard.vue b/ui/src/views/template/component/ModelCard.vue
index 96e0956ff..d4c4543a5 100644
--- a/ui/src/views/template/component/ModelCard.vue
+++ b/ui/src/views/template/component/ModelCard.vue
@@ -1,12 +1,24 @@
 <template>
   <card-box :title="model.name" shadow="hover" class="model-card">
     <template #header>
-      <div class="flex align-center">
+      <div class="flex">
         <span style="height: 32px; width: 32px" :innerHTML="icon" class="mr-12"></span>
         <div class="w-full">
-          <auto-tooltip :content="model.name" style="max-width: 40%">
-            {{ model.name }}
-          </auto-tooltip>
+          <div class="flex" style="height: 22px;">
+            <auto-tooltip :content="model.name" style="max-width: 40%">
+              {{ model.name }}
+            </auto-tooltip>
+            <span v-if="currentModel.status === 'ERROR'">
+              <el-tooltip effect="dark" :content="errMessage" placement="top">
+                <el-icon class="danger ml-4" size="18"><Warning /></el-icon>
+              </el-tooltip>
+            </span>
+            <span v-if="currentModel.status === 'PAUSE_DOWNLOAD'">
+              <el-tooltip effect="dark" content="暂停下载" placement="top">
+                <el-icon class="danger ml-4" size="18"><Warning /></el-icon>
+              </el-tooltip>
+            </span>
+          </div>
           <div class="mt-4">
             <el-tag v-if="model.permission_type === 'PRIVATE'" type="danger" class="danger-tag"
               >私有</el-tag
@@ -14,19 +26,6 @@
             <el-tag v-else type="info" class="info-tag">公有</el-tag>
           </div>
         </div>
-
-        <div class="flex align-center" v-if="currentModel.status === 'ERROR'">
-          <el-tag type="danger" class="ml-8">失败</el-tag>
-          <el-tooltip effect="dark" :content="errMessage" placement="top">
-            <el-icon class="danger ml-4" size="20"><Warning /></el-icon>
-          </el-tooltip>
-        </div>
-        <div class="flex align-center" v-if="currentModel.status === 'PAUSE_DOWNLOAD'">
-          <el-tag type="danger" class="ml-8">暂停下载</el-tag>
-          <el-tooltip effect="dark" content="暂停下载" placement="top">
-            <el-icon class="danger ml-4" size="20"><Warning /></el-icon>
-          </el-tooltip>
-        </div>
       </div>
     </template>