fix: pass breakpoints directly

majority-elite · Sep 28, 2024 · 97f0cd6 · 97f0cd6
1 parent df00010
commit 97f0cd6
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/app/components/common/FormInput/FormInput.css.ts b/app/components/common/FormInput/FormInput.css.ts
@@ -17,7 +17,7 @@ export const textInputContainer = style({
   borderWidth: '1px',
   height: '33px',
   '@media': {
-    [getMediaQuery([Breakpoint.MOBILE2, Breakpoint.MOBILE1])]: {
+    [getMediaQuery(Breakpoint.MOBILE2, Breakpoint.MOBILE1)]: {
       gap: '6px',
       height: '31px',
     },
@@ -32,7 +32,7 @@ export const textInputIcon = style({
   width: '16px',
   height: '16px',
   '@media': {
-    [getMediaQuery([Breakpoint.MOBILE2, Breakpoint.MOBILE1])]: {
+    [getMediaQuery(Breakpoint.MOBILE2, Breakpoint.MOBILE1)]: {
       width: '12px',
       height: '12px',
     },
@@ -67,7 +67,7 @@ export const imageInputContainer = style({
   cursor: 'pointer',
   overflow: 'hidden',
   '@media': {
-    [getMediaQuery([Breakpoint.MOBILE2, Breakpoint.MOBILE1])]: {
+    [getMediaQuery(Breakpoint.MOBILE2, Breakpoint.MOBILE1)]: {
       width: '80px',
       height: '80px',
       borderRadius: '40px',

diff --git a/app/components/common/FormItem/FormItem.css.ts b/app/components/common/FormItem/FormItem.css.ts
@@ -36,7 +36,7 @@ export const caption = style([
     display: 'block',
     minHeight: `${textStyleInfo.body2R.pc.lineHeight}px`,
     '@media': {
-      [getMediaQuery([Breakpoint.MOBILE2, Breakpoint.MOBILE1])]: {
+      [getMediaQuery(Breakpoint.MOBILE2, Breakpoint.MOBILE1)]: {
         minHeight: `${textStyleInfo.body2R.mobile.lineHeight}px`,
       },
     },