fix(modal): handling 'full' size option (#70)

indielayer · May 9, 2024 · 66bfe07 · 66bfe07
1 parent 1172a7c
commit 66bfe07
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 6 deletions.
diff --git a/.changeset/tricky-elephants-deliver.md b/.changeset/tricky-elephants-deliver.md
@@ -0,0 +1,5 @@
+---
+"@indielayer/ui": patch
+---
+
+fix: modal handling 'full' size option.
diff --git a/packages/ui/src/components/modal/theme/Modal.base.theme.ts b/packages/ui/src/components/modal/theme/Modal.base.theme.ts
@@ -31,9 +31,9 @@ const theme: ModalTheme = {
 
       if (props.size === 'xs') classes.push('sm:max-w-xs')
       else if (props.size === 'sm') classes.push('sm:max-w-sm')
-      else if (props.size === 'lg') classes.push('sm:max-w-xl')
-      else if (props.size === 'xl') classes.push('sm:max-w-3xl')
-      else classes.push('sm:max-w-lg')
+      else if (props.size === 'md') classes.push('sm:max-w-lg')
+      else if (props.size === 'lg') classes.push('sm:max-w-3xl')
+      else if (props.size === 'xl') classes.push('sm:max-w-6xl')
 
       return classes
     },

diff --git a/packages/ui/src/components/modal/theme/Modal.carbon.theme.ts b/packages/ui/src/components/modal/theme/Modal.carbon.theme.ts
@@ -21,9 +21,9 @@ const theme: ModalTheme = {
 
       if (props.size === 'xs') classes.push('sm:max-w-xs')
       else if (props.size === 'sm') classes.push('sm:max-w-sm')
-      else if (props.size === 'lg') classes.push('sm:max-w-xl')
-      else if (props.size === 'xl') classes.push('sm:max-w-3xl')
-      else classes.push('sm:max-w-lg')
+      else if (props.size === 'md') classes.push('sm:max-w-lg')
+      else if (props.size === 'lg') classes.push('sm:max-w-3xl')
+      else if (props.size === 'xl') classes.push('sm:max-w-6xl')
 
       return classes
     },