[DESIGN] 로그인 페이지 반응형 적용 #30

nyangnyanggompeng · Jul 19, 2023 · 7f4dd9f · 7f4dd9f
1 parent 721a5c4
commit 7f4dd9f
Showing 1 changed file with 16 additions and 1 deletion.
diff --git a/src/pages/SignIn.tsx b/src/pages/SignIn.tsx
@@ -8,6 +8,7 @@ import { useDispatch, useSelector } from 'react-redux';
 import Button from '../components/Common/Button';
 import { RootState } from '../store';
 import { setIsLogin } from '../store/slices/loginSlices';
+import { mq } from '../theme';
 
 interface LoginInfo {
   userId: string;
@@ -56,7 +57,7 @@ const StyledSignIn = (theme: Theme) =>
           display: 'block',
         },
         '.err-msg': {
-          color: `${theme.orange1}`, // FIXME
+          color: `${theme.red}`,
           fontSize: '1.4rem',
           marginTop: '0.5rem',
         },
@@ -74,6 +75,20 @@ const StyledSignIn = (theme: Theme) =>
         },
       },
     },
+    [mq[1]]: {
+      '.signin-wrap': {
+        width: '80%',
+        padding: '3rem',
+        img: {
+          width: '50%',
+        },
+        form: {
+          label: {
+            fontSize: '1.8rem',
+          },
+        },
+      },
+    },
   });
 
 const SignIn = () => {