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

Former-commit-id: 9c04d7478253929f35c7ffc80540867855664619

src/layout/index.vue

@@ -233,6 +233,7 @@ function toggleSideBar() {
   .mix-wrap {
     .el-menu {
       width: $sideBarWidth;
+      border: none;
     }
   }
 }

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 {