-
Notifications
You must be signed in to change notification settings - Fork 5.2k
Migrate BugBountyCards component to chakra UI [Relates to #6374] #8739
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
Migrate BugBountyCards component to chakra UI [Relates to #6374] #8739
Conversation
Since we are relying on the default breakpoints, which differ from the previous one used for the CardRow styles, I increased the flex-basis in small devices to keep the layout breaks consistent with the previous implementation.
Box shadow seems to not support color tokens yet and, therefore, the only way to reuse styles is to directly call the CSS properties defined in our theme. This is an acceptable hack from my point of view but I'm open to reconsider it in further discussions.
✅ ethereum-org-website-dev deploy preview ready
|
FYI, I've checked the deployment preview and it looks pretty solid there as well 👍🏼 |
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.
Looks great overall, nice job @Marcelixoo. I've left a few minor comments.
Co-authored-by: Pablo Pettinari <pettinarip@gmail.com>
Co-authored-by: Pablo Pettinari <pettinarip@gmail.com>
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.
Nicee! @Marcelixoo thanks. LGTM 🚀
Be sure to join the discord if you are interested in contributing further to the project or have any questions for the team. And we've just released our 2022 POAPs so remember to claim yours also 🥳! |
Congrats, your important contribution to this open-source project has earned you a GitPOAP! GitPOAP: 2022 Ethereum.org Contributor: Head to gitpoap.io & connect your GitHub account to mint! Learn more about GitPOAPs here. |
@all-contributors please add @Marcelixoo for code |
I've put up a pull request to add @Marcelixoo! 🎉 |
Description
This PR implements the BugBountyCards component using ChakraUI.
Below you can find screenshots of the component rendered before/after the changes side-by-side and in different states.
Dark mode: Large screens
Current versions

ion
After changes

Light mode: Large screens
Current version

After changes

Light mode: Medium screens
Current version

After changes

Light mode: Small screens
Current version

After changes

Related Issue
#6374