Separate Client Portal & Dashboard
This commit is contained in:
32
frontend/dashboard/src/layouts/LogoOnlyLayout.tsx
Normal file
32
frontend/dashboard/src/layouts/LogoOnlyLayout.tsx
Normal file
@@ -0,0 +1,32 @@
|
||||
import { Outlet } from 'react-router-dom';
|
||||
// @mui
|
||||
import { styled } from '@mui/material/styles';
|
||||
// components
|
||||
import Logo from '../components/Logo';
|
||||
|
||||
// ----------------------------------------------------------------------
|
||||
|
||||
const HeaderStyle = styled('header')(({ theme }) => ({
|
||||
top: 0,
|
||||
left: 0,
|
||||
lineHeight: 0,
|
||||
width: '100%',
|
||||
position: 'absolute',
|
||||
padding: theme.spacing(3, 3, 0),
|
||||
[theme.breakpoints.up('sm')]: {
|
||||
padding: theme.spacing(5, 5, 0)
|
||||
}
|
||||
}));
|
||||
|
||||
// ----------------------------------------------------------------------
|
||||
|
||||
export default function LogoOnlyLayout() {
|
||||
return (
|
||||
<>
|
||||
<HeaderStyle>
|
||||
<Logo />
|
||||
</HeaderStyle>
|
||||
<Outlet />
|
||||
</>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user