From 814f619cde2d6795ef006c5072423ad22a9030f8 Mon Sep 17 00:00:00 2001
From: lydiacho <sheecho0804@ewhain.net>
Date: Fri, 23 Aug 2024 17:22:13 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20=ED=85=8D=EC=8A=A4=ED=8A=B8=ED=95=84?=
 =?UTF-8?q?=EB=93=9C=20=EB=AA=A8=EB=B0=94=EC=9D=BC=EB=B7=B0=20=ED=8F=B0?=
 =?UTF-8?q?=ED=8A=B8=EC=82=AC=EC=9D=B4=EC=A6=88=2016px=EB=A1=9C=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Input/components/InputLine/index.tsx      |  4 +--
 .../Input/components/InputLine/style.css.ts   | 25 ++++++-------------
 2 files changed, 10 insertions(+), 19 deletions(-)

diff --git a/src/common/components/Input/components/InputLine/index.tsx b/src/common/components/Input/components/InputLine/index.tsx
index a9c86bd1..4efb873c 100644
--- 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
index b739a383..b20d3176 100644
--- 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,
+  },
+});