From 64b6f8309f361a6db6c6e91005b50969cdbfa549 Mon Sep 17 00:00:00 2001 From: enes Date: Mon, 5 Aug 2024 09:24:14 +0200 Subject: [PATCH] fix: modal override removed Mui modal overrides affected tooltip positioning --- src/layouts/modal/style.module.scss | 4 +++- src/theme/index.ts | 8 -------- 2 files changed, 3 insertions(+), 9 deletions(-) diff --git a/src/layouts/modal/style.module.scss b/src/layouts/modal/style.module.scss index f7dd2fc..501f171 100644 --- a/src/layouts/modal/style.module.scss +++ b/src/layouts/modal/style.module.scss @@ -5,7 +5,7 @@ $default-modal-padding: 15px 25px; .modal { position: absolute; top: 0; - left: 50%; + left: calc(50% - 10px); transform: translate(-50%, 0); background-color: $overlay-background-color; @@ -16,6 +16,8 @@ $default-modal-padding: 15px 25px; flex-direction: column; border-radius: 4px; + + margin: 25px 10px; } .header { diff --git a/src/theme/index.ts b/src/theme/index.ts index 4a1e0ab..a7a37d4 100644 --- a/src/theme/index.ts +++ b/src/theme/index.ts @@ -23,14 +23,6 @@ export const theme = extendTheme({ } }, components: { - MuiModal: { - styleOverrides: { - root: { - insetBlock: '25px', - insetInline: '10px' - } - } - }, MuiButton: { styleOverrides: { root: {