Skip to content
This repository has been archived by the owner on Jun 24, 2022. It is now read-only.

Styled governance banner and inner card container. #2575

Merged
merged 5 commits into from
Mar 23, 2022

Conversation

fairlighteth
Copy link
Contributor

Summary

  • Styles the governance banner between light/dark mode.
  • Replaces the inner card containers with a different color.

Screen Shot 2022-03-22 at 18 35 44

Screen Shot 2022-03-22 at 18 35 38

Screen Shot 2022-03-22 at 18 35 23

Screen Shot 2022-03-22 at 18 35 11

fairlighteth and others added 2 commits March 22, 2022 14:22
* Style vCOW swap cards.

* Style vCOW swap cards. (#2565)

* Add governance card banner. (#2566)

* Add governance card banner.

* Governance banner update styles.

* Make question icon use dynamic dark/light mode colors.

* Center content properly cross devices.

* Dummy values.

* Disable unused vars

* Cleanup obsolete color
@fairlighteth fairlighteth requested review from a team March 22, 2022 18:37
@fairlighteth fairlighteth added the RELEASE Included in the release that is being closed label Mar 22, 2022
@github-actions
Copy link
Contributor

  • 🔭 GP Swap: CoW Protocol v2 Swap UI

@fairlighteth fairlighteth changed the base branch from develop to release/1.12.0 March 22, 2022 18:53
Copy link
Contributor

@anxolin anxolin left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

For me, ready to merge.

.stop1 { stop-color: ${({ theme }) => theme.white}}
.stop2 { stop-color: ${({ theme }) => theme.white}; stop-opacity: 0.8;}
.stop3 { stop-color: ${({ theme }) => theme.white}; stop-opacity: 0;}
.stop1 {
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

In principle, this banner seems too general to be in the Claim page. Maybe should be a component or something?

Since you are using it also in the profile.
Normally, if a component is defined in a page, is because is too specific for being in the components dir.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Yes, agreed. Had the exact same thoughts. When working on it, I initially thought I could get away with simply re-using the same Component. But quickly realized I need more generic Card components, including a prop to define 'banner' like features. I plan to tackle this outside this PR and will create a ticket specifically for this.

@W3stside
Copy link
Contributor

Yeah let's merge this asap

@elena-zh
Copy link

Looks nice!

@fairlighteth fairlighteth merged commit c7a371c into release/1.12.0 Mar 23, 2022
@alfetopito alfetopito deleted the vcow-card-backgrounds branch March 23, 2022 19:58
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
RELEASE Included in the release that is being closed
Projects
None yet
Development

Successfully merging this pull request may close these issues.

6 participants