Fixed the issue causing the 2FA dialog to appear distorted.

This commit is contained in:
Akshay Joshi 2024-06-25 14:46:30 +05:30
parent 9933a9a9e5
commit 7d0bbf30ec

View File

@ -15,7 +15,7 @@ import { Box } from '@mui/material';
const StyledBox = styled(Box)(({theme})=>({
backgroundColor: theme.palette.background.default,
display: 'flex',
flexDirection: 'column',
flexDirection: 'column',
'& .ModalContent-footer': {
display: 'flex',
justifyContent: 'flex-end',
@ -31,7 +31,7 @@ const StyledBox = styled(Box)(({theme})=>({
export const ModalContent = forwardRef(({children, ...props }, ref) => {
return (
<StyledBox ref={ref} {...props}>{children}</StyledBox>
<StyledBox style={{height: '100%'}} ref={ref} {...props}>{children}</StyledBox>
);
});
ModalContent.displayName = 'ModalContent';