diff --git a/src/front/Components/DesignSystem/Modal/classes.module.scss b/src/front/Components/DesignSystem/Modal/classes.module.scss index 66c25655..c8306d0e 100644 --- a/src/front/Components/DesignSystem/Modal/classes.module.scss +++ b/src/front/Components/DesignSystem/Modal/classes.module.scss @@ -46,6 +46,10 @@ min-width: 85vw; padding: 0; } + + &.fullheight { + min-height: 75vh; + } } .backdrop { diff --git a/src/front/Components/DesignSystem/Modal/index.tsx b/src/front/Components/DesignSystem/Modal/index.tsx index c2c6e229..91d7bb44 100644 --- a/src/front/Components/DesignSystem/Modal/index.tsx +++ b/src/front/Components/DesignSystem/Modal/index.tsx @@ -17,10 +17,11 @@ type IProps = { secondButton?: IButtonProps; fullwidth?: boolean; fullscreen?: boolean; + fullheight?: boolean; }; export default function Modal(props: IProps) { - const { isOpen, onClose, children, className, title, firstButton, secondButton, fullwidth, fullscreen } = props; + const { isOpen, onClose, children, className, title, firstButton, secondButton, fullwidth, fullscreen, fullheight } = props; if (!isOpen) return null; return ( @@ -33,6 +34,7 @@ export default function Modal(props: IProps) { className, fullwidth && classes["fullwidth"], fullscreen && classes["fullscreen"], + fullheight && classes["fullheight"], )}>