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.

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

Modal 컴포넌트 완성 #526

Merged
merged 3 commits into from
Aug 21, 2024
Merged

Modal 컴포넌트 완성 #526

merged 3 commits into from
Aug 21, 2024

Conversation

vi-wolhwa
Copy link
Contributor

⚡️ 관련 이슈

#510

📍주요 변경 사항

1. 모달 컴포넌트의 요소(Header, Body, Footer) 간 'gap' 추가

2. Header를 TItle로 이름/기능 변경

3. Body가 모달의 전체 사이즈를 차지하도록 변경

4. Footer를 모달의 하단에 고정

5. Body만 스크롤 활성화

@vi-wolhwa vi-wolhwa added FE 프론트엔드 refactor 요구사항이 바뀌지 않은 변경사항 labels Aug 21, 2024
@vi-wolhwa vi-wolhwa added this to the 4차 스프린트 🐔 milestone Aug 21, 2024
@vi-wolhwa vi-wolhwa self-assigned this Aug 21, 2024
document.body,
);
};

const Header = ({ children, ...props }: PropsWithChildren<HTMLAttributes<HTMLDivElement>>) => (
<S.Header {...props}>{children}</S.Header>
const Title = ({ children }: { children: ReactNode }) => (
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Header 라는 네이밍은 어떨까요??ㅎㅎ

Copy link
Contributor

@Hain-tain Hain-tain left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

굿!

@Hain-tain Hain-tain merged commit cfb9462 into dev/fe Aug 21, 2024
3 checks passed
@Hain-tain Hain-tain deleted the feat/510-modal-component branch August 21, 2024 11:05
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
FE 프론트엔드 refactor 요구사항이 바뀌지 않은 변경사항
Projects
Status: Weekend Done
Development

Successfully merging this pull request may close these issues.

3 participants