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

feat-fe: Switch Toggle 컴포넌트 구현 #230

Merged
merged 5 commits into from
Aug 1, 2024
Merged

Conversation

github-actions[bot]
Copy link
Contributor

@github-actions github-actions bot commented Aug 1, 2024

Original issue description

목적

Switch Toggle 컴포넌트 구현

작업 세부사항

  • Switch Toggle 컴포넌트 구현

참고 사항

아래의 별표줄 밑에 요구사항 ID만 작성해주세요. Prefix 금지!


COM_TOGGLE

closes #229

@github-actions github-actions bot added feature 새로운 기능 frontend 프론트엔드 labels Aug 1, 2024
@lurgi lurgi marked this pull request as ready for review August 1, 2024 02:34
Copy link
Contributor Author

github-actions bot commented Aug 1, 2024

1722479678.553879

@lurgi lurgi added this to the 스프린트 2.0 milestone Aug 1, 2024
Copy link
Contributor

@llqqssttyy llqqssttyy left a comment

Choose a reason for hiding this comment

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

고생하셨어요 러기~ storybook에서 확인해 보니 outline과 content 사이에 흰색 분리선이 보여서 이 부분 확인한 다음 디버깅해주세요!
코멘트는 러기가 판단한 후 자유롭게 적용해주세요. 해당 사항 변경 후 다시 리뷰요청 부탁드립니다!

image


const Switch = styled.div<StyleProps>`
width: 5rem;
--parent-width: 5rem;
Copy link
Contributor

Choose a reason for hiding this comment

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

사소한 건데 변수는 잘 보이게 최상단으로 끌어 올려주는 거 어떨까요? 가독성에 대한 거라서 필수는 아닙니다.

@lurgi lurgi requested a review from llqqssttyy August 1, 2024 04:22
Copy link
Contributor

@seongjinme seongjinme left a comment

Choose a reason for hiding this comment

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

고생하셨습니다 :)

Comment on lines +45 to +47
transform: ${({ isChecked }) =>
isChecked ? 'translate(calc(var(--parent-width) - var(--parent-padding)*2 - 100%))' : 'translate(0)'};
transition: transform 0.2s;
Copy link
Contributor

Choose a reason for hiding this comment

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

👍

@lurgi lurgi merged commit d9a13a1 into fe/develop Aug 1, 2024
13 checks passed
@lurgi lurgi deleted the fe-229-COM_TOGGLE branch August 1, 2024 05:22
seongjinme pushed a commit that referenced this pull request Aug 23, 2024
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: Jeongwoo Park <[email protected]>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
feature 새로운 기능 frontend 프론트엔드
Projects
Status: 완료
Development

Successfully merging this pull request may close these issues.

3 participants