Ecme شش نوع چیدمان پس از ورود و سه نوع چیدمان احراز هویت ارائه می‌دهد، همه کامپوننت‌های چیدمان می‌توانند در دایرکتوری src/components/layouts/PostLoginLayout/components*یافت شوند و همه کامپوننت‌هایی که در چیدمان‌ها استفاده می‌شوند می‌توانند در src/components/template/*یافت شوند.

چیدمان‌های پس از ورود که داشتیم عبارت بودند از:

• کناری جمع شونده - 'collapsibleSide'
• کناری چیده شده - 'stackedSide'
• نوار بالای کلاسیک - 'topBarClassic'
• کناری بدون قاب - 'framelessSide'
• پوشش محتوا - 'contentOverlay'
• خالی - 'blank'

export const themeConfig = {
    ...
    layout: {
        type: 'framelessSide',
        ...
    },
}

export const protectedRoutes = {
    '/your-page-path': {
        key: 'keyForYourPage',
        authority: [ADMIN, USER],
        meta: {
            ...
            layout: 'blank',
        },
    },
}

1import { ReactNode } from 'react'
2import Side from '@/components/layouts/AuthLayout/Side'
3import Simple from '@/components/layouts/AuthLayout/Simple'
4// import Split from '@/components/layouts/AuthLayout/Split'
5
6const Layout = ({ children }: { children: ReactNode }) => {
7    return (
8        <div className="flex flex-auto flex-col h-[100vh]">
9            <Simple>
10            <Side>
11                {children}
12            </Simple>
13            <Side/>
14        </div>
15    )
16}
17
18export default Layout