Layout


Change size
  • in src/layouts/core/layout-section.tsx
<GlobalStyles
  styles={{
    body: {
      '--layout-nav-zIndex': 1101,
      '--layout-nav-mobile-width': '320px',
      '--layout-header-blur': '8px',
      '--layout-header-zIndex': 1100,
      '--layout-header-mobile-height': '64px',
      '--layout-header-desktop-height': '72px',
      ...cssVars,
    },
  }}
/>
src/layouts/core/layout-section.tsx

Change Menu, Navigation

Find nav-config.(ts | js) files to adjust items.

Example:

  • <MainLayout/> : src/layouts/config-nav-main
  • <DashboardLayout> : src/layouts/config-nav-dashboard

Reference