From 61b11aebdce6faf24659c36347ae470e57aa4179 Mon Sep 17 00:00:00 2001 From: Wesley Moses Date: Sun, 4 Sep 2022 22:26:42 +0300 Subject: [PATCH] [@mantine/core] Modal: Fix content shifting in full screen modal (#2348) * [@mantine/core] Select: only use open/close callback when value changes * [@mantine/core] Select: do not use early return * [@mantine/core] Modal: full screen width to 100vw --- src/mantine-core/src/Modal/Modal.styles.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/mantine-core/src/Modal/Modal.styles.ts b/src/mantine-core/src/Modal/Modal.styles.ts index 955f8936e68..2ef6c55defa 100644 --- a/src/mantine-core/src/Modal/Modal.styles.ts +++ b/src/mantine-core/src/Modal/Modal.styles.ts @@ -71,7 +71,7 @@ export default createStyles( modal: { position: 'relative', - width: fullScreen ? undefined : theme.fn.size({ sizes, size }), + width: fullScreen ? '100vw' : theme.fn.size({ sizes, size }), borderRadius: fullScreen ? 0 : undefined, outline: 0, backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[7] : theme.white,