fix: swap solution to add config breaks

codecov · Jan 27, 2025 · a0018fc · a0018fc
1 parent 54749b8
commit a0018fc
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/src/ui/Modal/Modal.tsx b/src/ui/Modal/Modal.tsx
@@ -1,13 +1,11 @@
 import React, { ReactElement } from 'react'
 import ReactModal from 'react-modal'
 
-import { cn } from 'shared/utils/cn'
-
 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 {
@@ -46,7 +44,7 @@ const Modal: React.FC<ModalProps> = ({
       overlayClassName="fixed inset-0 bg-gray-900 bg-opacity-75 z-30"
       {...rest}
     >
-      <div className={cn(modalSizes[size], sizeClassname)}>
+      <div className={modalSizes[size]}>
         <BaseModal
           body={body}
           customHeaderClassname={customHeaderClassname}

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: {