style:refine sidebar css

2017-11-02 15:51:29 +08:00
parent aaf24b4654
commit c53fb7fbb1
3 changed files with 47 additions and 32 deletions
--- a/src/views/layout/Layout.vue
+++ b/src/views/layout/Layout.vue
@@ -31,35 +31,9 @@ export default {
 <style rel="stylesheet/scss" lang="scss" scoped>
 	@import "src/styles/mixin.scss";
 	.app-wrapper {
-		@include clearfix;
-		position: relative;
-		height: 100%;
-		width: 100%;
-		&.hideSidebar {
-			.sidebar-container{
-				width:36px;
-				overflow: inherit;
-			}
-			.main-container {
-				margin-left: 36px;
-			}
-		}
-		.sidebar-container {
-			transition: width 0.28s ease-out;
-			width: 180px;
-			height: 100%;
-			position: fixed;
-			top: 0;
-			bottom: 0;
-			left: 0;
-			z-index: 1001;
-			overflow-y: auto;
- 			&::-webkit-scrollbar {display:none}
-		}
-		.main-container {
-			min-height: 100%;
-			transition: margin-left 0.28s ease-out;
-			margin-left: 180px;
-		}
+	  @include clearfix;
+	  position: relative;
+	  height: 100%;
+	  width: 100%;
 	}
 </style>