43 lines
2.2 KiB
JavaScript
43 lines
2.2 KiB
JavaScript
// material-ui
|
|
import { useTheme } from '@mui/material/styles';
|
|
import { Box } from '@mui/material';
|
|
|
|
// project-imports
|
|
import { ThemeDirection, ThemeMode } from 'config';
|
|
|
|
// ==============================|| AUTH BLUR BACK SVG ||============================== //
|
|
|
|
const AuthBackground = () => {
|
|
const theme = useTheme();
|
|
return (
|
|
<Box
|
|
sx={{
|
|
position: 'absolute',
|
|
filter: 'blur(18px)',
|
|
zIndex: -1,
|
|
bottom: 0,
|
|
transform: theme.direction === ThemeDirection.RTL ? 'rotate(180deg)' : 'inherit'
|
|
}}
|
|
>
|
|
<svg width="100%" height="calc(100vh - 175px)" viewBox="0 0 405 809" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<path
|
|
d="M-358.39 358.707L-293.914 294.23L-293.846 294.163H-172.545L-220.81 342.428L-233.272 354.889L-282.697 404.314L-276.575 410.453L0.316589 687.328L283.33 404.314L233.888 354.889L230.407 351.391L173.178 294.163H294.48L294.547 294.23L345.082 344.765L404.631 404.314L0.316589 808.629L-403.998 404.314L-358.39 358.707ZM0.316589 0L233.938 233.622H112.637L0.316589 121.301L-112.004 233.622H-233.305L0.316589 0Z"
|
|
fill={theme.palette.primary.light}
|
|
/>
|
|
<path
|
|
d="M-516.39 358.707L-451.914 294.23L-451.846 294.163H-330.545L-378.81 342.428L-391.272 354.889L-440.697 404.314L-434.575 410.453L-157.683 687.328L125.33 404.314L75.8879 354.889L72.4068 351.391L15.1785 294.163H136.48L136.547 294.23L187.082 344.765L246.631 404.314L-157.683 808.629L-561.998 404.314L-516.39 358.707ZM-157.683 0L75.9383 233.622H-45.3627L-157.683 121.301L-270.004 233.622H-391.305L-157.683 0Z"
|
|
fill={theme.palette.success.light}
|
|
opacity="0.6"
|
|
/>
|
|
<path
|
|
d="M-647.386 358.707L-582.91 294.23L-582.842 294.163H-461.541L-509.806 342.428L-522.268 354.889L-571.693 404.314L-565.571 410.453L-288.68 687.328L-5.66624 404.314L-55.1082 354.889L-58.5893 351.391L-115.818 294.163H5.48342L5.5507 294.23L56.0858 344.765L115.635 404.314L-288.68 808.629L-692.994 404.314L-647.386 358.707ZM-288.68 0L-55.0578 233.622H-176.359L-288.68 121.301L-401 233.622H-522.301L-288.68 0Z"
|
|
fill={theme.palette.error.lighter}
|
|
opacity={theme.palette.mode === ThemeMode.DARK ? '0.9' : '1'}
|
|
/>
|
|
</svg>
|
|
</Box>
|
|
);
|
|
};
|
|
|
|
export default AuthBackground;
|