Vertical Layouts

You can change the left side navigation very easily by setting layoutType: LAYOUTS.VERTICAL in src/store/layout.ts store's states. All const are listed in /app/const.ts file.

layoutType: LAYOUTS.VERTICAL
Sidebar Size
sideBarSize: SIDEBAR_SIZE.DEFAULT
sideBarSize: SIDEBAR_SIZE.COMPACT
sideBarSize: SIDEBAR_SIZE.SMALL
Content Width
layoutWidth: LAYOUT_WIDTH.FLUID
layoutWidth: LAYOUT_WIDTH.BOXED
Layout Skin
skinLayout: SKIN_LAYOUT.DEFAULT
skinLayout: SKIN_LAYOUT.BORDERED
Sidebar Colors
sideBarColor: SIDEBAR_COLOR.LIGHT
sideBarColor: SIDEBAR_COLOR.DARK
sideBarColor: SIDEBAR_COLOR.BRAND
sideBarColor: SIDEBAR_COLOR.MODERN
Topbar Colors
topBarColor: TOP_BAR.LIGHT
topBarColor: TOP_BAR.DARK
topBarColor: TOP_BAR.BRAND