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

Issue188 헤더 개선 #202

Merged
merged 6 commits into from
Jul 13, 2024
Merged

Issue188 헤더 개선 #202

merged 6 commits into from
Jul 13, 2024

Conversation

anttiey
Copy link
Contributor

@anttiey anttiey commented Jun 25, 2024

closes #188

  • 메인 페이지를 제외한 페이지에 로고 대신 뒤로 가기 버튼을 추가한다.
  • 메인 페이지, 카테고리 상세 페이지를 제외한 페이지에서 검색창을 제거한다.

상세 화면

로고 대신 뒤로 가기 버튼 추가

스크린샷 2024-06-24 오후 3 22 52
  • 메인 페이지를 제외한 페이지에서는 로고 대신 뒤로 가기 버튼이 나타나도록 변경했습니다.
  • 해당 부분을 구현하면서 기존에 하나의 이미지로 되어 있던 로고를 로고 이미지, 로고 텍스트로 분리했습니다.

불필요한 검색창 제거

스크린샷 2024-06-24 오후 3 25 39
  • 검색창이 필요하지 않다고 생각되는 식당 상세 페이지, 마이 페이지 등에서 검색창을 제거했습니다.

Comment on lines 71 to 72
width: 20px;
height: 20px;
Copy link
Contributor

Choose a reason for hiding this comment

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

요기만 px이네요!

Copy link
Contributor Author

Choose a reason for hiding this comment

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

감사합니다! rem 단위로 변경했습니다 😊

Comment on lines +37 to +38
const isMainPage = location.pathname === PATHNAME.HOME;
const isCategoryDetailPage = location.pathname.startsWith(
Copy link
Contributor

Choose a reason for hiding this comment

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

지금은 두개니까 괜찮지만 뭔가 이런 페이지들이 많아지면 배열이나 객체로 관리하면 좋을 거 같네요!

  • 뒤로가기 보여주는 페이지들[]
  • 검색바 보여주는 페이지들[]

@@ -33,7 +31,7 @@ function BookmarkListPage() {
return (
<S.Container>
<S.HeaderWrapper>
<LeftIcon onClick={() => navigate(-1)} />
<div></div>
Copy link
Contributor

Choose a reason for hiding this comment

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

오 요건 무엇인가요??

Copy link
Contributor Author

Choose a reason for hiding this comment

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

현재 나의 맛집 페이지의 헤더가 뒤로 가기 버튼 - 나의 맛집 - 지도 순으로 되어 있는데, 전체 페이지 헤더에 뒤로 가기 버튼 을 추가하면서 나의 맛집 페이지의 헤더 중 뒤로 가기 버튼 을 삭제해야 했고, 따라서 빈 div 태그를 추가하여 레이아웃을 맞춰 주게 되었습니다!

@anttiey anttiey merged commit 91fbc22 into develop Jul 13, 2024
1 check passed
Copy link

sonarcloud bot commented Jul 13, 2024

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

헤더 개선
2 participants