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/app/layouts/layouts.model.ts file:

image
Dark Sidebar
export const SIDEBAR_COLOR = 'dark';
image
Compact Sidebar
export const SIDEBAR_SIZE = 'compact';
image
Icon Sidebar
export const SIDEBAR_SIZE = 'small';
image
Boxed Layout
export const LAYOUT_WIDTH = 'boxed';
image
Colored Sidebar
export const SIDEBAR_COLOR = 'brand';
image
Scrollable
export const LAYOUT_POSITION = 'scrollable';
© Themesbrand.
Crafted with by Themesbrand