-
Notifications
You must be signed in to change notification settings - Fork 1
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
Add smooth corners to <Card>
#89
Conversation
This comment was marked as outdated.
This comment was marked as outdated.
6fe6d02
to
11c0183
Compare
}); | ||
} | ||
|
||
export function useSmoothCorners(cardRef: MutableRefObject<HTMLElement>) { |
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.
it's not always card, right?)
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.
Yep! Added this to Marquee ;)
@@ -53,15 +53,12 @@ | |||
.MapVehiclesSidebarVehicleInfo { |
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.
Please check if changes in this file are valid?
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.
Committed unnecessary changes. Thank you for your attention!
const cardRef = useRef<HTMLAnchorElement>(null); | ||
const cardTitleRef = useRef<HTMLDivElement>(null); | ||
useSmoothCorners(cardRef); | ||
useSmoothCorners(cardTitleRef); |
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.
We don't really need smooth corners for all titles? Only for those that have background
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.
Added condition with bgcolor
144d4b9
to
11c0183
Compare
|
373137c
to
723d4de
Compare
Add 0.8 smooth corners to
<Card>
with ResizeObserver & figma-squircle