-
Notifications
You must be signed in to change notification settings - Fork 2
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] 타임 블록 구현 #50
[Feat] 타임 블록 구현 #50
Conversation
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.
LGTM ~ 스타일 가이드 바뀐거 다 적용하시느라 고생많으셨네요 !
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.
정말 많은 파일이 바뀌었네요 ! 수고하셨습니다 ~~ 코멘트 확인 부탁드려용 💟
@@ -40,7 +39,7 @@ const Input = ( | |||
return ( | |||
<article css={containerStyle}> | |||
{label && <Label id={label}>{label}</Label>} | |||
<div css={[warpperStyle, variantStyle({ variant, isError }), sizeStyle(size)]}> | |||
<div css={[warpperStyle, variantStyle(variant, isError), sizeStyle(size)]}> |
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.
바꿔주셔서 감사합니다 ~~ !!
justifyContent: 'center', | ||
alignItems: 'center', | ||
|
||
borderRadius: '10rem', |
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.
radius는 px로 맞춰주시면 좋을거 같습니다~~ 👍
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.
넵 !!
const TimeBlock = ({ children, width }: TimeBlockProps) => { | ||
return ( | ||
<> | ||
<div css={[blockStyle, { width: `${width}rem` }]}> |
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.
blockStyle안에 width를 같이 하지 않은 이유가 있을까용?
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.
별다른 이유는 없었습니다! 보운님 코리보고 생각해보니 굳이 인라인으로 줄 필요가 없을 것 같아서 blockStyle의 인자로 전달해줬습니다. 감사합니다 :)
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.
깔끔하게 잘 구현 하셨네요!! 고생많으셨습니다!!
return ( | ||
<> | ||
<div css={[blockStyle, { width: `${width}rem` }]}> | ||
<Eclipse width={47} height={47} css={{ flexShrink: 0 }} /> |
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 flexShrink 속성은 처음 보네요! 알아갑니다!
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.
LGTM
해당 이슈 번호
closed #37
체크리스트
📌 내가 알게 된 부분
타임 블록 구현
📌 질문할 부분
📌스크린샷 (선택)