Add left and right margins to modals (#2082)

* Add left and right margins to modals * Release notes
actualbudget · Dec 14, 2023 · f90fe04 · f90fe04
1 parent ca55d9c
commit f90fe04
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git 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
@@ -0,0 +1,6 @@
+---
+category: Enhancements
+authors: [joel-jeremy]
+---
+
+Add left and right margin to modals.