From 3c57e958fe89c422e9a347b0dfdc19ba914f639d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E1=84=8B=E1=85=B5=E1=84=90=E1=85=A2=E1=84=92=E1=85=AE?=
 =?UTF-8?q?=E1=86=AB?= <rhymint@gmail.com>
Date: Thu, 26 Sep 2024 17:02:08 +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=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../EventPage/AdminPage/EventLoginPage.tsx    | 21 ++++++++++++++-----
 1 file changed, 16 insertions(+), 5 deletions(-)

diff --git a/client/src/pages/EventPage/AdminPage/EventLoginPage.tsx b/client/src/pages/EventPage/AdminPage/EventLoginPage.tsx
index da4603e5f..3929cf954 100644
--- a/client/src/pages/EventPage/AdminPage/EventLoginPage.tsx
+++ b/client/src/pages/EventPage/AdminPage/EventLoginPage.tsx
@@ -5,17 +5,28 @@ import useEventLogin from '@hooks/useEventLogin';
 import {FixedButton, LabelInput} from '@HDesign/index';
 
 import RULE from '@constants/rule';
+import {css} from '@emotion/react';
 
 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 +40,7 @@ const EventLoginPage = () => {
         ></LabelInput>
         <FixedButton disabled={!canSubmit}>관리 페이지로</FixedButton>
       </form>
-    </>
+    </div>
   );
 };