From 3fffb3c8ecfa523c04377578ffe17c75114fb893 Mon Sep 17 00:00:00 2001
From: ssongliu <73214554+ssongliu@users.noreply.github.com>
Date: Wed, 9 Aug 2023 16:40:12 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=A4=87=E4=BB=BD=E8=B4=A6=E5=8F=B7?=
 =?UTF-8?q?=E9=AB=98=E5=BA=A6=E8=B0=83=E6=95=B4=20(#1893)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../views/setting/backup-account/index.vue    | 43 +++++++++++--------
 1 file changed, 26 insertions(+), 17 deletions(-)

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