Vertical
Vertical Layout
To switch the layout type to Verticle, you can easily make the following
adjustments within the src/slices/layouts/reducer.ts file.
| Attribute | Value |
|---|---|
layoutType |
|
Color Scheme
LAYOUT_MODE_TYPES.LIGHTMODE
LAYOUT_MODE_TYPES.DARKMODE
Layout Width
LAYOUT_WIDTH_TYPES.FLUID
LAYOUT_WIDTH_TYPES.BOXED
Topbar Colors
LAYOUT_TOPBAR_THEME_TYPES.LIGHT
LAYOUT_TOPBAR_THEME_TYPES.DARK
Sidebar Sizes
LEFT_SIDEBAR_SIZE_TYPES.DEFAULT
LEFT_SIDEBAR_SIZE_TYPES.COMPACT
LEFT_SIDEBAR_SIZE_TYPES.SMALLICON
LEFT_SIDEBAR_SIZE_TYPES.SMALLHOVER
Sidebar View
LEFT_SIDEBAR_VIEW_TYPES.DEFAULT
LEFT_SIDEBAR_VIEW_TYPES.DETACHED
Sidebar Colors
LAYOUT_SIDEBAR_TYPES.LIGHT
LAYOUT_SIDEBAR_TYPES.DARK
LAYOUT_SIDEBAR_TYPES.GRADIENT
LAYOUT_SIDEBAR_TYPES.GRADIENT_2
LAYOUT_SIDEBAR_TYPES.GRADIENT_3
LAYOUT_SIDEBAR_TYPES.GRADIENT_4
Sidebar Images
LEFT_SIDEBAR_IMAGE_TYPES.NONE
LEFT_SIDEBAR_IMAGE_TYPES.IMG1
LEFT_SIDEBAR_IMAGE_TYPES.IMG2
LEFT_SIDEBAR_IMAGE_TYPES.IMG3
LEFT_SIDEBAR_IMAGE_TYPES.IMG4
Preloader Option
PERLOADER_TYPES.DISABLE
PERLOADER_TYPES.ENABLE