Add layout

This commit is contained in:
2025-09-17 12:17:02 +07:00
parent 291cbd5f94
commit b25aaf124c
7 changed files with 402 additions and 0 deletions

46
src/layout/MainLayout.jsx Normal file
View File

@@ -0,0 +1,46 @@
import React from 'react';
import { Layout, theme } from 'antd';
import LayoutFooter from './LayoutFooter';
import LayoutHeader from './LayoutHeader';
import LayoutSidebar from './LayoutSidebar';
const { Content } = Layout;
const MainLayout = ({ children }) => {
const {
token: { colorBgContainer, borderRadiusLG },
} = theme.useToken();
return (
<Layout style={{ height: '100vh' }}>
<LayoutSidebar />
<Layout
style={{
overflow: 'auto',
}}>
<LayoutHeader />
<Content
style={{
margin: '24px 16px 0',
flex: '1 0 auto',
}}
>
{/* <div
style={{
padding: 24,
minHeight: '100%',
background: colorBgContainer,
borderRadius: borderRadiusLG,
}}
> */}
{children}
{/* </div> */}
</Content>
{/* <LayoutFooter /> */}
</Layout>
</Layout>
);
};
export default MainLayout;