Vertical menu configuration
How to change width?
In order to change the width of left side navigation bar, open a file
src/assets/scss/_variables.scss and change the value of variable
$sidebar-width. The default value is set to 240px.
How to use pre-built layouts?
Each of the layout options is provided below with steps you would need to perform in src/store/layout/reducer.js in INIT_STATE object:
Light Sidebar & Topbar Dark
leftSideBarTheme: "light" and topbarTheme: "dark"
Compact Sidebar
leftSideBarType: "compact"
Icon Sidebar
leftSideBarType: "icon"
Boxed Layout
layoutWidth: "boxed"
Colored Sidebar
leftSideBarTheme: "colored"