From f90fe04b2ba18c8a46b918c7e07a68f258f77247 Mon Sep 17 00:00:00 2001
From: Joel Jeremy Marquez <joeljeremy.marquez@gmail.com>
Date: Wed, 13 Dec 2023 19:47:47 -0800
Subject: [PATCH] Add left and right margins to modals (#2082)
* Add left and right margins to modals
* Release notes
---
packages/desktop-client/src/components/common/Modal.tsx | 3 ++-
upcoming-release-notes/2082.md | 6 ++++++
2 files changed, 8 insertions(+), 1 deletion(-)
create mode 100644 upcoming-release-notes/2082.md
diff --git a/packages/desktop-client/src/components/common/Modal.tsx b/packages/desktop-client/src/components/common/Modal.tsx
index 3eac7bf30..6f1de3b2f 100644
--- a/packages/desktop-client/src/components/common/Modal.tsx
+++ b/packages/desktop-client/src/components/common/Modal.tsx
@@ -23,7 +23,7 @@ export type ModalProps = {
isHidden?: boolean;
children: ReactNode | (() => ReactNode);
size?: { width?: number; height?: number };
- padding?: number;
+ padding?: CSSProperties['padding'];
showHeader?: boolean;
showTitle?: boolean;
showClose?: boolean;
@@ -93,6 +93,7 @@ const Modal = ({
backgroundColor: 'transparent',
padding: 0,
pointerEvents: 'auto',
+ margin: '0 10px',
...contentStyle,
},
overlay: {
diff --git a/upcoming-release-notes/2082.md b/upcoming-release-notes/2082.md
new file mode 100644
index 000000000..e27bde08a
--- /dev/null
+++ b/upcoming-release-notes/2082.md
@@ -0,0 +1,6 @@
+---
+category: Enhancements
+authors: [joel-jeremy]
+---
+
+Add left and right margin to modals.
--
GitLab