From ba38402a24e1cd78494f9a61c840770498814673 Mon Sep 17 00:00:00 2001
From: wangdan-fit2cloud <79562285+wangdan-fit2cloud@users.noreply.github.com>
Date: Mon, 4 Sep 2023 14:18:17 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E8=B0=83=E6=95=B4=E6=8C=89=E9=92=AE?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=20(#2163)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

#### What this PR does / why we need it?

#### Summary of your change

#### Please indicate you've done the following:

- [ ] Made sure tests are passing and test coverage is added if needed.
- [ ] Made sure commit message follow the rule of [Conventional Commits specification](https://www.conventionalcommits.org/).
- [ ] Considered the docs impact and opened a new docs issue or PR with docs changes if needed.
---
 frontend/src/styles/element.scss           | 21 +++++++++++++++++++--
 frontend/src/views/setting/panel/index.vue |  4 ++--
 2 files changed, 21 insertions(+), 4 deletions(-)

diff --git a/frontend/src/styles/element.scss b/frontend/src/styles/element.scss
index c6cd30856..64dbe2438 100644
--- a/frontend/src/styles/element.scss
+++ b/frontend/src/styles/element.scss
@@ -6,8 +6,8 @@ html {
     --el-menu-bg-color: rgba(0, 94, 235, 0.1) !important;
     --el-menu-item-bg-color: rgba(255, 255, 255, 0.3);
     --el-menu-item-bg-color-active: #ffffff;
-		--panel-menu-width: 180px;
-		--panel-menu-hide-width: 75px;
+    --panel-menu-width: 180px;
+    --panel-menu-hide-width: 75px;
     --panel-text-color: #1f2329;
     --panel-border: 1px solid #f2f2f2;
     --panel-button-active: #ffffff;
@@ -192,3 +192,20 @@ html {
 .el-card {
     border: none !important;
 }
+
+.el-input-group__append {
+    button.el-button {
+        span {
+            vertical-align: text-top !important;
+        }
+    }
+}
+
+.el-radio-button__inner {
+    [class*='el-icon'] + span {
+        margin-left: 6px;
+    }
+    span {
+        vertical-align: text-top !important;
+    }
+}
diff --git a/frontend/src/views/setting/panel/index.vue b/frontend/src/views/setting/panel/index.vue
index 1b68472dd..7655648f0 100644
--- a/frontend/src/views/setting/panel/index.vue
+++ b/frontend/src/views/setting/panel/index.vue
@@ -30,11 +30,11 @@
                                 <el-radio-group @change="onSave('Theme', form.theme)" v-model="form.theme">
                                     <el-radio-button label="light">
                                         <el-icon><Sunny /></el-icon>
-                                        {{ $t('setting.light') }}
+                                        <span>{{ $t('setting.light') }}</span>
                                     </el-radio-button>
                                     <el-radio-button label="dark">
                                         <el-icon><Moon /></el-icon>
-                                        {{ $t('setting.dark') }}
+                                        <span>{{ $t('setting.dark') }}</span>
                                     </el-radio-button>
                                 </el-radio-group>
                             </el-form-item>