pgadmin-org
/
pgadmin4
mirror of https://github.com/pgadmin-org/pgadmin4.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

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

pull/7628/head REL-8_9
Akshay Joshi 2024-06-25 14:46:30 +05:30
parent 9933a9a9e5
commit 7d0bbf30ec
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
web/pgadmin/static/js/components/ModalContent.jsx
View File

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