Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[FE] login 페이지 레이아웃 오류 #655

Merged
merged 2 commits into from
Sep 26, 2024
Merged

[FE] login 페이지 레이아웃 오류 #655

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
3c57e95
fix: login 페이지 레이아웃 수정
Todari Sep 26, 2024
f45ae5f
style: lint 적용
Todari Sep 26, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
22 changes: 17 additions & 5 deletions client/src/pages/EventPage/AdminPage/EventLoginPage.tsx
View file
Open in desktop
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
Loading