15308555518/ MaxKB
1
0
Fork 0
mirror of https://github.com/1Panel-dev/MaxKB.git synced 2025-12-26 01:33:05 +00:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

perf: 优化模型设置样式

This commit is contained in:
wangdan-fit2cloud 2024-07-19 16:27:12 +08:00
parent f372095f51
commit 9c2c7f0325
2 changed files with 18 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
ui/src/views/authentication/index.vue
View File

@ -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%;

33
ui/src/views/template/component/ModelCard.vue
View File

@ -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>