-
Notifications
You must be signed in to change notification settings - Fork 0
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: AppBar 컴포넌트 #32
Conversation
🚀 Storybook 리뷰가 준비되었습니다: |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
수고하셨습니다.
<div {...restProps} className={cx(styles.appBar({ variant }), className)}> | ||
{left && <AppBarElement direction="left">{left}</AppBarElement>} | ||
{children} | ||
{right && <AppBarElement direction="right">{right}</AppBarElement>} | ||
</div> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
left center right 별로 다 달라서 외부에서 주입하는 거 잘하신거 같아요. AppBarElement를 통해 재사용성을 높인 부분도 좋네요👍
base: { | ||
position: 'relative', | ||
height: 44, | ||
display: 'flex', | ||
alignItems: 'center', | ||
maxWidth: 440, | ||
}, | ||
variants: { | ||
variant: { | ||
default: [ | ||
typography('title_1_22_b'), | ||
{ | ||
padding: '0 10px 0 20px', | ||
}, | ||
], |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
리뷰 보고 css 코드 보니까 px을 안붙여도 가능하네요. 동환님 방식이 더 편한거 같습니다.
padding: '0 10px 0 20px',
padding 부분은 px을 붙여야지 작동하나요?
이슈 번호
작업한 목록을 작성해 주세요
스크린샷
pr 포인트나 궁금한 점을 작성해 주세요
연관된 issue: #6