| | |
| | | .main-container { |
| | | min-height: 100%; |
| | | transition: margin-left .28s; |
| | | margin-left: var(--side-bar-width); |
| | | position: relative; |
| | | } |
| | | |
| | | .sidebar-container { |
| | | transition: width 0.28s; |
| | | width: var(--side-bar-width) !important; |
| | | background-color: var(--menu-bg); |
| | | width: 100%; |
| | | height: 100%; |
| | | position: fixed; |
| | | font-size: 0px; |
| | | top: 0; |
| | | bottom: 0; |
| | | left: 0; |
| | | z-index: 1001; |
| | | font-size: 0; |
| | | overflow: hidden; |
| | | |
| | | // reset element-ui css |
| | |
| | | } |
| | | |
| | | .hideSidebar { |
| | | .sidebar-container { |
| | | width: 54px !important; |
| | | } |
| | | |
| | | .main-container { |
| | | margin-left: 54px; |
| | | } |
| | | |
| | | .submenu-title-noDropdown { |
| | | padding: 0 !important; |
| | | position: relative; |
| | |
| | | // mobile responsive |
| | | .mobile { |
| | | .main-container { |
| | | margin-left: 0px; |
| | | margin-left: 0; |
| | | } |
| | | |
| | | .sidebar-container { |
| | | transition: transform .28s; |
| | | width: var(--side-bar-width) !important; |
| | | } |
| | | |
| | | &.hideSidebar { |
| | |
| | | border-radius: 20px; |
| | | } |
| | | } |
| | | } |
| | | } |