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 250px.
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.ts in INIT_STATE object:
Light Sidebar & Topbar Dark
leftSideBarTheme : leftSideBarThemeTypes.LIGHT and topbarTheme : topBarThemeTypes.DARK
Compact Sidebar
leftSideBarType: leftSidebarTypes.COMPACT
Icon Sidebar
leftSideBarType: leftSidebarTypes.ICON
Boxed Layout
layoutWidth: layoutWidthTypes.BOXED
Light color Sidebar
leftSideBarTheme : leftSideBarThemeTypes.LIGHT
Dark Sidebar
leftSideBarTheme: leftSideBarThemeTypes.DARK
Colored Sidebar
leftSideBarTheme: leftSideBarThemeTypes.COLORED