fix: 텍스트필드 모바일뷰 폰트사이즈 16px로 수정

sopt-makers · Aug 23, 2024 · 814f619 · 814f619
1 parent 725b5a8
commit 814f619
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 19 deletions.
diff --git a/src/common/components/Input/components/InputLine/index.tsx b/src/common/components/Input/components/InputLine/index.tsx
@@ -3,7 +3,7 @@ import { useFormContext } from 'react-hook-form';
 
 import { DeviceTypeContext } from '@store/deviceTypeContext';
 
-import { inputFontVar, inputLineVar, inputVar } from './style.css';
+import { inputFont, inputLineVar, inputVar } from './style.css';
 import { formatBirthdate } from './utils/formatBirthdate';
 import { formatPhoneNumber } from './utils/formatPhoneNumber';
 import { TextBoxProps } from '../../types';
@@ -50,7 +50,7 @@ const InputLine = ({
         <input
           id={name}
           defaultValue={defaultValue}
-          className={`${inputVar[errors[name] ? 'error' : 'default']} ${inputFontVar[deviceType]}`}
+          className={`${inputVar[errors[name] ? 'error' : 'default']} ${inputFont}`}
           {...inputElementProps}
           {...register(name, {
             required: required && '필수 입력 항목이에요.',

diff --git a/src/common/components/Input/components/InputLine/style.css.ts b/src/common/components/Input/components/InputLine/style.css.ts
@@ -64,21 +64,12 @@ export const inputVar = styleVariants(formColors, ({ boxShadow, focusShadow }) =
   },
 ]);
 
-export const inputFontVar = styleVariants(
-  {
-    DESK: theme.font.BODY_2_16_R,
-    TAB: theme.font.BODY_2_16_R,
-    MOB: theme.font.BODY_3_14_R,
-  },
-  (font) => [
-    {
-      color: theme.color.baseText,
-      ...font,
+export const inputFont = style({
+  color: theme.color.baseText,
+  ...theme.font.BODY_2_16_R,
 
-      '::placeholder': {
-        color: theme.color.placeholder,
-        ...font,
-      },
-    },
-  ],
-);
+  '::placeholder': {
+    color: theme.color.placeholder,
+    ...theme.font.BODY_2_16_R,
+  },
+});