refine css

src/styles/sidebar.scss

@@ -11,6 +11,11 @@
   margin-right: 0;
 }
 
+.hideSidebar .el-submenu>.el-submenu__title,
+.hideSidebar .submenu-title-noDropdown {
+  padding-left: 10px!important;
+}
+
 .hideSidebar .submenu-title-noDropdown span,
 .hideSidebar .el-submenu>.el-submenu__title span {
   height: 0;
@@ -22,6 +27,7 @@
 
 .hideSidebar .nest-menu .el-submenu__title {
   text-align: initial!important;
+  padding-left: 20px!important;
   span {
     height: auto;
     width: auto;
@@ -69,4 +75,3 @@
 .el-submenu .el-menu-item {
   min-width: 180px!important;
 }
-

src/views/layout/Layout.vue

@@ -35,35 +35,25 @@
 		width: 100%;
 		&.hideSidebar {
 			.sidebar-container{
-				width:56px;
+				width:36px;
 			}
 			.main-container {
-				margin-left: 56px;
+				margin-left: 36px;
 			}
-			// .sidebar-wrapper {
-			// 	transform: translate(-140px, 0);
-			// 	.sidebar-container {
-			// 		transform: translate(132px, 0);
-			// 	}
-			// 	&:hover {
-			// 		transform: translate(0, 0);
-			// 		.sidebar-container {
-			// 			transform: translate(0, 0);
-			// 		}
-			// 	}
-			// }
-
 		}
 		.sidebar-container {
 			transition: all .28s ease-out;
 			width: 180px;
-			height: 1000px;
+			height: 100%;
 			position: fixed;
 			top: 0;
 			bottom: 0;
 			left: 0;
 			z-index: 1001;
 			background: red;
+			// overflow-y: auto;
+			&::-webkit-scrollbar {display:none}
+
 		}
 		.main-container {
 			min-height: 100%;