refactor: 로그인 Input 스타일 style 파일에 정의

JECT-Study · Aug 24, 2024 · c5724f9 · c5724f9
1 parent 3f95a3a
commit c5724f9
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/src/components/molecules/LoginForm/LoginForm.tsx b/src/components/molecules/LoginForm/LoginForm.tsx
@@ -33,7 +33,7 @@ const LoginForm = ({ withSignInText }: LoginFormProps) => {
           icon={<Envelope />}
           placeholder="이메일"
           onChange={onChange}
-          style={{ width: '450px' }}
+          css={S.loginInputStyling}
         />
         <Input
           name="password"
@@ -43,7 +43,7 @@ const LoginForm = ({ withSignInText }: LoginFormProps) => {
           isError={isError}
           errorMessage={errorMessage}
           onChange={onChange}
-          style={{ width: '450px' }}
+          css={S.loginInputStyling}
         />
         <Button
           type="submit"

diff --git a/src/components/molecules/LoginForm/LoginFrom.style.ts b/src/components/molecules/LoginForm/LoginFrom.style.ts
@@ -26,6 +26,10 @@ export const textStyling = css(typo.Main.Medium, {
   cursor: 'pointer',
 });
 
+export const loginInputStyling = css({
+  width: '450px',
+});
+
 export const loginBtnStyling = css({
   width: '536px',
 });