Browse Source

fix: 备份账号高度调整 (#1893)

pull/1894/head
ssongliu 1 year ago committed by GitHub
parent
commit
3fffb3c8ec
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
  1. 43
      frontend/src/views/setting/backup-account/index.vue

43
frontend/src/views/setting/backup-account/index.vue

@ -6,8 +6,8 @@
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="24"> <el-col :span="24">
<div> <div>
<svg-icon style="font-size: 7px" iconName="p-file-folder"></svg-icon> <svg-icon class="card-logo" iconName="p-file-folder"></svg-icon>
<span style="font-size: 14px; font-weight: 500">&nbsp;{{ $t('setting.LOCAL') }}</span> <span class="card-title">&nbsp;{{ $t('setting.LOCAL') }}</span>
<div style="float: right"> <div style="float: right">
<el-button round @click="onOpenDialog('edit', 'local', localData)"> <el-button round @click="onOpenDialog('edit', 'local', localData)">
{{ $t('commons.button.edit') }} {{ $t('commons.button.edit') }}
@ -28,7 +28,7 @@
</el-form> </el-form>
<div class="common-div"> <div class="common-div">
<span style="font-size: 14px; font-weight: 500">{{ $t('setting.thirdParty') }}</span> <span class="card-title">{{ $t('setting.thirdParty') }}</span>
</div> </div>
<el-alert type="info" :closable="false" class="common-div"> <el-alert type="info" :closable="false" class="common-div">
@ -40,8 +40,8 @@
<el-row :gutter="20" class="common-div"> <el-row :gutter="20" class="common-div">
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12"> <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
<div> <div>
<svg-icon style="font-size: 7px" iconName="p-aws"></svg-icon> <svg-icon class="card-logo" iconName="p-aws"></svg-icon>
<span style="font-size: 14px; font-weight: 500">&nbsp;{{ $t('setting.S3') }}</span> <span class="card-title">&nbsp;{{ $t('setting.S3') }}</span>
<div style="float: right"> <div style="float: right">
<el-button <el-button
round round
@ -96,8 +96,8 @@
</el-col> </el-col>
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12"> <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
<div> <div>
<svg-icon style="font-size: 7px" iconName="p-oss"></svg-icon> <svg-icon class="card-logo" iconName="p-oss"></svg-icon>
<span style="font-size: 14px; font-weight: 500">&nbsp;{{ $t('setting.OSS') }}</span> <span class="card-title">&nbsp;{{ $t('setting.OSS') }}</span>
<div style="float: right"> <div style="float: right">
<el-button <el-button
round round
@ -152,8 +152,8 @@
<el-row :gutter="20" class="common-div"> <el-row :gutter="20" class="common-div">
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12"> <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
<div> <div>
<svg-icon style="font-size: 7px" iconName="p-tengxunyun1"></svg-icon> <svg-icon class="card-logo" iconName="p-tengxunyun1"></svg-icon>
<span style="font-size: 14px; font-weight: 500">&nbsp;{{ $t('setting.COS') }}</span> <span class="card-title">&nbsp;{{ $t('setting.COS') }}</span>
<div style="float: right"> <div style="float: right">
<el-button <el-button
round round
@ -205,8 +205,8 @@
</el-col> </el-col>
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12"> <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
<div> <div>
<svg-icon style="font-size: 7px" iconName="p-onedrive"></svg-icon> <svg-icon class="card-logo" iconName="p-onedrive"></svg-icon>
<span style="font-size: 14px; font-weight: 500">&nbsp;{{ $t('setting.OneDrive') }}</span> <span class="card-title">&nbsp;{{ $t('setting.OneDrive') }}</span>
<div style="float: right"> <div style="float: right">
<el-button <el-button
round round
@ -247,8 +247,8 @@
<el-row :gutter="20" style="margin-top: 20px"> <el-row :gutter="20" style="margin-top: 20px">
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12"> <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
<div> <div>
<svg-icon style="font-size: 7px" iconName="p-qiniuyun"></svg-icon> <svg-icon class="card-logo" iconName="p-qiniuyun"></svg-icon>
<span style="font-size: 14px; font-weight: 500">&nbsp;{{ $t('setting.KODO') }}</span> <span class="card-title">&nbsp;{{ $t('setting.KODO') }}</span>
<div style="float: right"> <div style="float: right">
<el-button <el-button
round round
@ -287,8 +287,8 @@
</el-col> </el-col>
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12"> <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
<div> <div>
<svg-icon style="font-size: 7px" iconName="p-minio"></svg-icon> <svg-icon class="card-logo" iconName="p-minio"></svg-icon>
<span style="font-size: 14px; font-weight: 500">&nbsp;MINIO</span> <span class="card-title">&nbsp;MINIO</span>
<div style="float: right"> <div style="float: right">
<el-button <el-button
round round
@ -328,8 +328,8 @@
<el-row :gutter="20" style="margin-top: 20px"> <el-row :gutter="20" style="margin-top: 20px">
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12"> <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
<div> <div>
<svg-icon style="font-size: 7px" iconName="p-SFTP"></svg-icon> <svg-icon class="card-logo" iconName="p-SFTP"></svg-icon>
<span style="font-size: 14px; font-weight: 500">&nbsp;SFTP</span> <span class="card-title">&nbsp;SFTP</span>
<div style="float: right"> <div style="float: right">
<el-button <el-button
round round
@ -572,4 +572,13 @@ onMounted(() => {
.common-div { .common-div {
margin-top: 20px; margin-top: 20px;
} }
.card-title {
font-size: 14px;
font-weight: 500;
line-height: 25px;
}
.card-logo {
font-size: 7px;
}
</style> </style>

Loading…
Cancel
Save