Layout
Core layout
Update layout size settings in:
src/layouts/core/css-vars.ts
export function layoutSectionVars(theme: Theme) {
return {
'--layout-nav-zIndex': theme.zIndex.drawer + 1,
'--layout-nav-mobile-width': '288px',
'--layout-header-blur': '8px',
'--layout-header-zIndex': theme.zIndex.appBar + 1,
'--layout-header-mobile-height': '64px',
'--layout-header-desktop-height': '72px',
};
}
Change navigation items
To adjust navigation items, update the relevant nav-config.(ts|js)
files:
<MainLayout />
→src/layouts/config-nav-main