fix: Add modal max width on wide screens (#3674)

codecov · Jan 29, 2025 · 0647710 · 0647710
1 parent b53522f
commit 0647710
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/src/ui/Modal/Modal.tsx b/src/ui/Modal/Modal.tsx
@@ -4,8 +4,8 @@ import ReactModal from 'react-modal'
 import BaseModal from './BaseModal'
 
 const modalSizes = Object.freeze({
-  medium: 'w-11/12 md:w-3/4 xl:w-1/2',
-  small: 'w-3/4 md:w-2/4 xl:w-2/4 2xl:w-1/4',
+  medium: 'w-11/12 md:w-3/4 xl:w-1/2 4xl:w-[1000px]',
+  small: 'w-3/4 md:w-2/4 xl:w-2/4 2xl:w-1/4 3xl:w-[448px]',
 })
 
 export interface ModalProps {

diff --git a/tailwind.config.mjs b/tailwind.config.mjs
@@ -178,6 +178,8 @@ const config = {
         },
       },
       screens: {
+        '3xl': '1792px',
+        '4xl': '2048px',
         print: { raw: 'print' },
       },
       backgroundImage: {