diff --git a/app/components/common/FormInput/FormInput.css.ts b/app/components/common/FormInput/FormInput.css.ts index 3fd0591..27bc6a3 100644 --- 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 index 43dfc13..e7dede8 100644 --- 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`, }, },