36 lines
994 B
TypeScript
36 lines
994 B
TypeScript
|
import { CssVarsProvider } from '@mui/joy/styles';
|
||
|
|
import CssBaseline from '@mui/joy/CssBaseline';
|
||
|
|
import Box from '@mui/joy/Box';
|
||
|
|
import Sidebar from './components/Sidebar';
|
||
|
|
import Header from './components/Header';
|
||
|
|
import MyProfile from './components/MyProfile';
|
||
|
|
|
||
|
|
export default function JoyOrderDashboardTemplate() {
|
||
|
|
return (
|
||
|
|
<CssVarsProvider disableTransitionOnChange>
|
||
|
|
<CssBaseline />
|
||
|
|
<Box sx={{ display: 'flex', minHeight: '100dvh' }}>
|
||
|
|
<Sidebar />
|
||
|
|
<Header />
|
||
|
|
<Box
|
||
|
|
component="main"
|
||
|
|
className="MainContent"
|
||
|
|
sx={{
|
||
|
|
pt: { xs: 'calc(12px + var(--Header-height))', md: 3 },
|
||
|
|
pb: { xs: 2, sm: 2, md: 3 },
|
||
|
|
flex: 1,
|
||
|
|
display: 'flex',
|
||
|
|
flexDirection: 'column',
|
||
|
|
minWidth: 0,
|
||
|
|
height: '100dvh',
|
||
|
|
gap: 1,
|
||
|
|
overflow: 'auto',
|
||
|
|
}}
|
||
|
|
>
|
||
|
|
<MyProfile />
|
||
|
|
</Box>
|
||
|
|
</Box>
|
||
|
|
</CssVarsProvider>
|
||
|
|
);
|
||
|
|
}
|