mirror of
https://github.com/D4M13N-D3V/comissions-app-ui.git
synced 2025-03-14 08:15:08 +00:00
41 lines
977 B
TypeScript
41 lines
977 B
TypeScript
|
// ** MUI Imports
|
||
|
|
import { styled } from '@mui/material/styles'
|
||
|
|
import Box, { BoxProps } from '@mui/material/Box'
|
||
|
|
|
||
|
|
// ** Types
|
||
|
|
import { BlankLayoutProps } from './types'
|
||
|
|
|
||
|
|
// Styled component for Blank Layout component
|
||
|
|
const BlankLayoutWrapper = styled(Box)<BoxProps>(({ theme }) => ({
|
||
|
|
height: '100vh',
|
||
|
|
|
||
|
|
// For V1 Blank layout pages
|
||
|
|
'& .content-center': {
|
||
|
|
display: 'flex',
|
||
|
|
minHeight: '100vh',
|
||
|
|
alignItems: 'center',
|
||
|
|
justifyContent: 'center',
|
||
|
|
padding: theme.spacing(5)
|
||
|
|
},
|
||
|
|
|
||
|
|
// For V2 Blank layout pages
|
||
|
|
'& .content-right': {
|
||
|
|
display: 'flex',
|
||
|
|
minHeight: '100vh',
|
||
|
|
overflowX: 'hidden',
|
||
|
|
position: 'relative'
|
||
|
|
}
|
||
|
|
}))
|
||
|
|
|
||
|
|
const BlankLayout = ({ children }: BlankLayoutProps) => {
|
||
|
|
return (
|
||
|
|
<BlankLayoutWrapper className='layout-wrapper'>
|
||
|
|
<Box className='app-content' sx={{ minHeight: '100vh', overflowX: 'hidden', position: 'relative' }}>
|
||
|
|
{children}
|
||
|
|
</Box>
|
||
|
|
</BlankLayoutWrapper>
|
||
|
|
)
|
||
|
|
}
|
||
|
|
|
||
|
|
export default BlankLayout
|