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:

image
Light Sidebar & Topbar Dark
leftSideBarTheme: "light" and topbarTheme: "dark"
image
Compact Sidebar
leftSideBarType: "compact"
image
Icon Sidebar
leftSideBarType: "icon"
image
Boxed Layout
layoutWidth: "boxed"
image
Colored Sidebar
leftSideBarTheme: "colored"
image
Dark Sidebar & Topbar Light
leftSideBarTheme: "dark" and topbarTheme: "light"
© Themesbrand.
Crafted with by Themesbrand