From 57cb1974ca93e023f1e5cb45ed7ca970269decbd Mon Sep 17 00:00:00 2001
From: TaehunLee <85233397+Todari@users.noreply.github.com>
Date: Thu, 26 Sep 2024 17:11:06 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20login=20=ED=8E=98=EC=9D=B4=EC=A7=80=20?=
 =?UTF-8?q?=EB=A0=88=EC=9D=B4=EC=95=84=EC=9B=83=20=EC=98=A4=EB=A5=98=20(#6?=
 =?UTF-8?q?55)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* fix: login 페이지 레이아웃 수정

* style: lint 적용
---
 .../EventPage/AdminPage/EventLoginPage.tsx    | 22 ++++++++++++++-----
 1 file changed, 17 insertions(+), 5 deletions(-)

diff --git a/client/src/pages/EventPage/AdminPage/EventLoginPage.tsx b/client/src/pages/EventPage/AdminPage/EventLoginPage.tsx
index da4603e5f..03e189fc1 100644
--- a/client/src/pages/EventPage/AdminPage/EventLoginPage.tsx
+++ b/client/src/pages/EventPage/AdminPage/EventLoginPage.tsx
@@ -1,3 +1,5 @@
+import {css} from '@emotion/react';
+
 import Top from '@components/Design/components/Top/Top';
 
 import useEventLogin from '@hooks/useEventLogin';
@@ -10,12 +12,22 @@ const EventLoginPage = () => {
   const {password, errorMessage, handleChange, canSubmit, submitPassword} = useEventLogin();
 
   return (
-    <>
+    <div
+      css={css`
+        display: flex;
+        flex-direction: column;
+        gap: 1rem;
+        padding: 1rem;
+      `}
+    >
       <Top>
-        <Top.Line text="행사 생성 시 설정한" />
-        <Top.Line text={`${RULE.maxEventPasswordLength}자리 숫자 비밀번호를 입력해 주세요.`} />
+        <Top.Line
+          text={`행사 생성 시 설정한 ${RULE.maxEventPasswordLength}자리`}
+          emphasize={[`${RULE.maxEventPasswordLength}자리`]}
+        />
+        <Top.Line text="숫자 비밀번호를 입력해 주세요." emphasize={['비밀번호']} />
       </Top>
-      <form onSubmit={submitPassword} style={{padding: '0 1rem'}}>
+      <form onSubmit={submitPassword}>
         <LabelInput
           labelText="비밀번호"
           errorText={errorMessage}
@@ -29,7 +41,7 @@ const EventLoginPage = () => {
         ></LabelInput>
         <FixedButton disabled={!canSubmit}>관리 페이지로</FixedButton>
       </form>
-    </>
+    </div>
   );
 };