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

[SP3] 메인 하단 파트 구성 섹션 반응형 #317

Merged
merged 11 commits into from
Dec 15, 2023

Conversation

solar3070
Copy link
Member

Summary

Screenshot

2023-12-14.5.03.19.mov

Comment

  • 파트 버튼 리스트가 화면 사이즈보다 넘치는 경우 드래그로 넘길 수 있도록 했습니다. (모바일, PC 모두 드래그 가능)
  • 필요 역량이 가능하다면? 버튼은 아직 디자인이 없어서 내버려두었습니다.

@solar3070 solar3070 self-assigned this Dec 13, 2023
@solar3070 solar3070 changed the title [SP3] 메인 페이지 하단 파트 구성 섹션 반응형 [SP3] 메인 하단 파트 구성 섹션 반응형 Dec 13, 2023
const endX = e.changedTouches[0].clientX;
const deltaX = touchStartX - endX;
if (deltaX > SWIPE_THRESHOLD) {
handleCarouselSwipe(1);
Copy link
Member

Choose a reason for hiding this comment

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

const PLUS = 1;
const MINUS = -1;

요런거 하면 어떨까요. .?
handleCarouselSwipe에서 받는 direction 값도 PLUS | MINUS 해도 좋을 것 같습니당

initial="initial"
whileInView="visible"
variants={contentDraw}
style={{ position: 'absolute', ...style, ...responsiveStyle }}
Copy link
Member

Choose a reason for hiding this comment

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

포지션 absolute인 부분도 S.Keyword 안에 넣어도 괜찮을 것 가타용

@solar3070 solar3070 merged commit 4c6aa1e into develop Dec 15, 2023
1 check passed
@solar3070 solar3070 deleted the feat/#314-part-config-responsive branch December 15, 2023 12:03
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.

메인페이지 하단 파트 구성 섹션 반응형
2 participants