Skip to content

Conversation

Marcelixoo
Copy link
Contributor

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

  1. Current versions
    Screenshot 2022-11-25 at 19 58 01
    ion

  2. After changes
    Screenshot 2022-11-25 at 19 58 07

Light mode: Large screens

  1. Current version
    Screenshot 2022-11-25 at 19 58 28

  2. After changes
    Screenshot 2022-11-25 at 19 58 19

Light mode: Medium screens

  1. Current version
    Screenshot 2022-11-25 at 19 58 45

  2. After changes
    Screenshot 2022-11-25 at 19 58 50

Light mode: Small screens

  1. Current version
    Screenshot 2022-11-25 at 19 59 06

  2. After changes
    Screenshot 2022-11-25 at 19 59 14

Related Issue

#6374

marcelo-teixeira-momox and others added 22 commits November 6, 2022 13:48
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.
@Marcelixoo Marcelixoo changed the title Refactor/migrate bug bounty cards to chakra UI [Relates to #6374] Migrate BugBountyCards component to chakra UI [Relates to #6374] Nov 25, 2022
@gatsby-cloud
Copy link

gatsby-cloud bot commented Nov 25, 2022

✅ ethereum-org-website-dev deploy preview ready

@Marcelixoo
Copy link
Contributor Author

FYI, I've checked the deployment preview and it looks pretty solid there as well 👍🏼

Copy link
Member

@pettinarip pettinarip left a 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.

Copy link
Member

@pettinarip pettinarip left a 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 🚀

@pettinarip
Copy link
Member

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 🥳!

@pettinarip pettinarip merged commit 30c10b2 into ethereum:dev Dec 22, 2022
@gitpoap-bot
Copy link

gitpoap-bot bot commented Dec 22, 2022

Congrats, your important contribution to this open-source project has earned you a GitPOAP!

GitPOAP: 2022 Ethereum.org Contributor:

GitPOAP: 2022 Ethereum.org Contributor GitPOAP Badge

Head to gitpoap.io & connect your GitHub account to mint!

Learn more about GitPOAPs here.

@pettinarip
Copy link
Member

@all-contributors please add @Marcelixoo for code

@allcontributors
Copy link
Contributor

@pettinarip

I've put up a pull request to add @Marcelixoo! 🎉

@pettinarip pettinarip mentioned this pull request Dec 22, 2022
80 tasks
@corwintines corwintines mentioned this pull request Dec 22, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants