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

[ Design ] 선배 프로필 헤더 수정 #355

Merged
merged 5 commits into from
Nov 18, 2024

Conversation

ijieun
Copy link
Collaborator

@ijieun ijieun commented Nov 11, 2024

#️⃣ Related Issue

Closes #354

✅ Done Task

  • 선배 프로필 헤더 수정

☀️ New-insight

💎 PR Point

공통 컴포넌트 Header에 title 속성을 추가하여 피그마와 동일하게 헤더를 수정하고, 하단에 선을 추가했습니다.

📸 Screenshot

  • 구현 뷰
스크린샷 2024-11-12 오전 12 40 51
  • 피그마 뷰
스크린샷 2024-11-12 오전 12 41 45

@ijieun ijieun added 💄 Design 스타일 구현 지은 labels Nov 11, 2024
@ijieun ijieun self-assigned this Nov 11, 2024
const Divider = styled.div`
position: fixed;
top: 5rem;
z-index: 1;
Copy link
Collaborator

Choose a reason for hiding this comment

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

p1) 여긴 z-index가 있고 JuniorPromisePage의 Divider에는 z-index가 없는 이유가 몬가요?

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

JuniorPromiseRequestPage에는 선배 이름을 보여주는 Banner 컴포넌트가 한 겹 더 있기 때문입니다!! 따라서 z-index를 주어야 표시가 되길래 넣어줬습니다!

@@ -270,3 +272,12 @@ const GrayLine2 = styled.div`

background-color: ${({ theme }) => theme.colors.grayScaleWG};
`;

const Divider = styled.div`
Copy link
Collaborator

Choose a reason for hiding this comment

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

p4) div 도 좋지만 구분선에 쓰이는 hr 이라는 태그도 있답니당 !_!
참고 참고 ~~

@ijieun ijieun merged commit 8585a38 into develop Nov 18, 2024
1 check passed
@ijieun ijieun deleted the desgin/#354/seniorProfileHeader branch November 18, 2024 15:14
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[ Desgin ] 선배 프로필 헤더 수정
3 participants