Vertical
Vertical menu configuration
You can change the left side navigation very easily by changing state
in src/store/app.ts file.
layoutType=LAYOUTS.VERTICAL
How to add new menu items/change menu items?
In order to add, change or remove menu items from the left side
navigation, simply edit in file src/components/layouts/utils.ts. The change
would
reflect in all the Vue files automatically.
How to use pre-built layouts?
Please do the below change in the store at src/store/app.ts.
Color Scheme
mode=SITE_THEME.LIGHT
mode=SITE_THEME.DARK
Layout Width
layoutWidth=LAYOUT_WIDTH.FLUID
Layout Position
position=LAYOUT_POSITION.FIXED
position=LAYOUT_POSITION.SCROLLABLE
Topbar Colors
topbar=TOP_BAR.LIGHT
topbar=TOP_BAR.DARK
Sidebar Sizes
sidebarSize=SIDEBAR_SIZE.DEFAULT
sidebarSize=SIDEBAR_SIZE.COMPACT
sidebarSize=SIDEBAR_SIZE.SMALL
Sidebar Colors
sidebarColor=SIDEBAR_COLOR.LIGHT
sidebarColor=SIDEBAR_COLOR.DARK
sidebarColor=SIDEBAR_COLOR.GRADIENT
sidebarColor=SIDEBAR_COLOR.GRADIENT2
sidebarColor=SIDEBAR_COLOR.GRADIENT3
sidebarColor=SIDEBAR_COLOR.GRADIENT4
Sidebar Images
sidebarImage="default"
sidebarImage="img-1"
sidebarImage="img-2"
sidebarImage="img-3"
sidebarImage="img-4"