feat(card): creating a card #16
Conversation
| display: "flex", | ||
| flexDirection: "column", | ||
| padding: theme.spacing.spacing10, | ||
| borderRadius: `${theme.radius.radius20} 0 0 ${theme.radius.radius20}`, |
There was a problem hiding this comment.
P4: container에 borderRadius가 적용되어있어서 overflow: hidden을 추가하고 leftBox의 borderRadius는 제거해줘도 될 것 같습니다!
There was a problem hiding this comment.
해당 백그라운드영역자체는 직사각형으로 자리가 잡혀있어서 hidden으로 영역제거가 되지 않는것 같습니다 ㅠ
해당 부분은 유지해두겠슴돠 :)
| content, | ||
| className, | ||
| ...props | ||
| }: PropsWithChildren<CouponCardProps<C>>, |
There was a problem hiding this comment.
P4: children을 사용하지 않으니 PropsWithChildren타입은 정리해줘도 좋을 것 같습니다. 다른 컴포넌트들도 동일합니다!
packages/travelmakers-design-core/src/components/Card/HotelCard/HotelCard.tsx
Outdated
Show resolved
Hide resolved
| overflow: "hidden", | ||
| display: "flex", | ||
| justifyContent: "center", | ||
| borderRadius: `${theme.radius.radius20} ${theme.radius.radius20} 0 0`, |
There was a problem hiding this comment.
P4: 이부분도 container에 borderRadius가 있으니 overflow: hidden을 추가하고 imageBox는 정리해주는게 어떨까요?
There was a problem hiding this comment.
해당 백그라운드영역자체는 직사각형으로 자리가 잡혀있어서 hidden으로 영역제거가 되지 않는것 같습니다 ㅠ
해당 부분은 유지해두겠슴돠 :)
| transition: "all 0.2s cubic-bezier(0, 0, 0.5, 1)", | ||
| ["&:hover"]: { | ||
| width: "110%", | ||
| height: "110%", |
There was a problem hiding this comment.
P4: 성능상 이점을 위해서 width, height를 조절하기 보다는 transform: scale를 이용하는게 어떨까요? 다른 컴포넌트들도 동일합니다!
| @@ -0,0 +1,38 @@ | |||
| import { createStyles } from "@travelmakers-design-v2/styles"; | |||
| // import { Props } from "./MainReviewCard"; | |||
| @@ -0,0 +1,52 @@ | |||
| import { createStyles } from "@travelmakers-design-v2/styles"; | |||
| // import { Props } from "./OptionCard"; | |||
| @@ -0,0 +1,47 @@ | |||
| import { createStyles } from "@travelmakers-design-v2/styles"; | |||
| // import { Props } from "./HotelReviewCard"; | |||
| display: "flex", | ||
| alignItems: !isLabel && "flex-end !important", | ||
| }, | ||
| footer: {}, |
| </View> | ||
| </View> | ||
| </div> | ||
| {props.children} |
There was a problem hiding this comment.
P4: 그냥 children으로 정리 되어도 될 것 같습니당
LH-362
수정한 내용