Horizontal Layout

Horizontal menu configuration

You can change the template as per your requirements. you can find the file in src/routes/+layout.svelte file. 

let layoutType = 'horizontal';
How to use pre-built layouts?

Each of the layout options is provided below with steps you would need to perform in file src/common/RightSidebar.svelte.

image
Topbar Light
topbarColor="light"
image
Boxed Layout
layoutWidth="boxed"
image
Colored Header
topbarColor="colored"
image
Scrollable
layoutWidth="scrollable"
image
Preloader
topbarColor="colored"
Add below code after body tag.
<div id="preloader"> <div id="status"> <div class="spinner"> <i class="uil-shutter-alt spin-icon"></i> </div> </div> </div> <div id="preloader"> <div id="status"> <div class="spinner-chase"> <div class="chase-dot"></div> <div class="chase-dot"></div> <div class="chase-dot"></div> <div class="chase-dot"></div> <div class="chase-dot"></div> <div class="chase-dot"></div> </div> </div> </div>
© Skote.