From 88a36a6a6dda7f3cffe154b999e9cad22057041e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nicol=C3=B2=20Pretto?= <info@npretto.com>
Date: Thu, 4 Apr 2024 11:04:02 +0200
Subject: [PATCH] fix: padding not working on <Modal> component (#40748)
---
.../ui/components/overlays/Modal/Modal.styled.tsx | 8 +++-----
1 file changed, 3 insertions(+), 5 deletions(-)
diff --git a/frontend/src/metabase/ui/components/overlays/Modal/Modal.styled.tsx b/frontend/src/metabase/ui/components/overlays/Modal/Modal.styled.tsx
index 18bfff1ff49..b170ec92af3 100644
--- a/frontend/src/metabase/ui/components/overlays/Modal/Modal.styled.tsx
+++ b/frontend/src/metabase/ui/components/overlays/Modal/Modal.styled.tsx
@@ -16,6 +16,9 @@ export const getModalOverrides = (): MantineThemeOverride["components"] => ({
backgroundColor: theme.fn.rgba(theme.fn.themeColor("bg-black"), 0.6),
},
}),
+ defaultProps: {
+ p: DEFAULT_MODAL_SPACING,
+ },
},
ModalRoot: {
defaultProps: {
@@ -32,11 +35,6 @@ export const getModalOverrides = (): MantineThemeOverride["components"] => ({
pb: "sm",
},
},
- ModalBody: {
- defaultProps: {
- p: DEFAULT_MODAL_SPACING,
- },
- },
ModalCloseButton: {
defaultProps: {
"aria-label": t`Close`,
--
GitLab