Skip to content

Commit

Permalink
fix: login 페이지 레이아웃 오류 (#655)
Browse files Browse the repository at this point in the history
* fix: login 페이지 레이아웃 수정

* style: lint 적용
  • Loading branch information
Todari authored Sep 26, 2024
1 parent df06410 commit 57cb197
Showing 1 changed file with 17 additions and 5 deletions.
22 changes: 17 additions & 5 deletions client/src/pages/EventPage/AdminPage/EventLoginPage.tsx
Original file line number Diff line number Diff line change
@@ -1,3 +1,5 @@
import {css} from '@emotion/react';

import Top from '@components/Design/components/Top/Top';

import useEventLogin from '@hooks/useEventLogin';
Expand All @@ -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}
Expand All @@ -29,7 +41,7 @@ const EventLoginPage = () => {
></LabelInput>
<FixedButton disabled={!canSubmit}>관리 페이지로</FixedButton>
</form>
</>
</div>
);
};

Expand Down

0 comments on commit 57cb197

Please sign in to comment.