Horizontal

How to use pre-built layouts?

You can change the template as per your requirements. To configure it, we will use reducer.js. you can find the +layout.svelte file in /src/routes/ folder.

Theme Options

Each of the theme configuration options is provided Below, you can change their values as per you need in variable located in src/routes/+layout.svelte file.

let layoutType = "horizontal";

Go to src/Components/Common/RightSidebar.svelte file.

let leftSidebarType = 'dark';
let layoutModeType = 'light';
let layoutWidthType = 'fluid';
let layoutPositionType = 'fixed';
let topbarThemeType = 'light';
let leftSidebarViewType = 'default';

Layout Width

layoutWidthType = 'fluid';

layoutWidthType = 'boxed';

Layout Position

layoutPositionType = 'fixed';

layoutPositionType = 'scrollable';

Topbar Colors

topbarThemeType = 'light';

topbarThemeType = 'dark';