refactor: ♻️ 侧边栏图标对齐和宽度调整

Former-commit-id: 9c04d7478253929f35c7ffc80540867855664619
2023-08-24 00:30:29 +08:00
parent 0ed0089c7a
commit 286f56a2bd
2 changed files with 10 additions and 2 deletions
--- a/src/layout/index.vue
+++ b/src/layout/index.vue
@@ -233,6 +233,7 @@ function toggleSideBar() {
  .mix-wrap {
    .el-menu {
      width: $sideBarWidth;
+      border: none;
    }
  }
 }
--- a/src/styles/sidebar.scss
+++ b/src/styles/sidebar.scss
@@ -47,7 +47,7 @@
    }

    .svg-icon {
-      margin-right: 16px;
+      margin-right: 12px;
    }

    .sub-el-icon {
@@ -83,6 +83,13 @@
    }
  }

+  .left-wrap {
+    .svg-icon {
+      margin-top: -2px;
+      margin-right: 12px;
+    }
+  }
+
  .hideSidebar {
    .sidebar-container {
      width: 54px !important;
@@ -174,7 +181,7 @@
 .el-menu--vertical {
  & > .el-menu {
    .svg-icon {
-      margin-right: 16px;
+      margin-right: 12px;
    }

    .sub-el-icon {