From 5d3a9dff460d0e893eceec744f2e40b9c03bf5db Mon Sep 17 00:00:00 2001
From: xiaoxian521 <1923740402@qq.com>
Date: Mon, 15 Apr 2024 17:52:51 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E8=B4=A6=E6=88=B7?=
 =?UTF-8?q?=E8=AE=BE=E7=BD=AE=E9=A1=B5=E9=9D=A2=EF=BC=8C=E5=88=B7=E6=96=B0?=
 =?UTF-8?q?=E5=90=8E=E5=AD=97=E4=BD=93=E9=A2=9C=E8=89=B2=E6=9C=AA=E7=94=9F?=
 =?UTF-8?q?=E6=95=88=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/account-settings/index.vue | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/views/account-settings/index.vue b/src/views/account-settings/index.vue
index 86e96c1f5..01bf187e4 100644
--- a/src/views/account-settings/index.vue
+++ b/src/views/account-settings/index.vue
@@ -70,10 +70,10 @@ getMine().then(res => {
   <el-container class="h-full">
     <el-aside
       v-if="isOpen"
-      class="settings-sidebar px-2 dark:!bg-[var(--el-bg-color)]"
+      class="pure-account-settings overflow-hidden px-2 dark:!bg-[var(--el-bg-color)] border-r-[1px] border-[var(--pure-border-color)]"
       :width="deviceDetection() ? '180px' : '240px'"
     >
-      <el-menu :default-active="witchPane" class="settings-menu">
+      <el-menu :default-active="witchPane" class="pure-account-settings-menu">
         <el-menu-item
           class="hover:!transition-all hover:!duration-200 hover:!text-base !h-[50px]"
           @click="router.go(-1)"
@@ -129,20 +129,18 @@ getMine().then(res => {
   </el-container>
 </template>
 
-<style lang="scss" scoped>
-.settings-sidebar {
-  overflow: hidden;
+<style lang="scss">
+.pure-account-settings {
   background: $menuBg;
-  border-right: 1px solid var(--pure-border-color);
 }
 
-.settings-menu {
+.pure-account-settings-menu {
   background-color: transparent;
   border: none;
 
-  ::v-deep(.el-menu-item) {
+  .el-menu-item {
     height: 48px !important;
-    color: $menuText !important;
+    color: $menuText;
     background-color: transparent !important;
     transition: color 0.2s;
 
@@ -169,7 +167,9 @@ getMine().then(res => {
     }
   }
 }
+</style>
 
+<style lang="scss" scoped>
 body[layout] {
   .el-menu--vertical .is-active {
     color: #fff !important;