Skip to content
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

fix: CSS and default reward token symbol #176

Merged
merged 2 commits into from
May 18, 2023
Merged

fix: CSS and default reward token symbol #176

merged 2 commits into from
May 18, 2023

Conversation

karelianpie
Copy link
Member

Description

Fix CSS and add a default reward token symbol

Related Issue

Fix #174

Motivation and Context

No issues in the UI

How Has This Been Tested?

Ran locally:

  • in mobile view there's a margin top;
  • the reward token symbol defaults to yvOP

Screenshots (if appropriate):

CSS issue

Screenshot 2023-05-18 at 8 51 14

Reward token symbol missing

Screenshot 2023-05-18 at 9 52 19

@karelianpie karelianpie self-assigned this May 18, 2023
@vercel
Copy link

vercel bot commented May 18, 2023

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Updated (UTC)
yearnfi ✅ Ready (Inspect) Visit Preview May 18, 2023 6:55am

@@ -15,6 +15,7 @@ module.exports = {
'indent': 'off',
'@typescript-eslint/indent': ['error', 'tab'],
'no-multi-spaces': ['error', {ignoreEOLComments: false}],
'no-mixed-spaces-and-tabs': 'error'
'no-mixed-spaces-and-tabs': 'error',
'react/jsx-max-props-per-line': 'off'
Copy link
Member Author

Choose a reason for hiding this comment

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

I don't like the rule of X number of props per line, if the prop name or value are smallish then it's more than fine to have them in the same line :)

Copy link
Member Author

Choose a reason for hiding this comment

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

DRYed a bit the code, there was a bit of repetition

</p>
</div>
)}
<div className={'mt-2 space-y-2 md:mt-0'}>
Copy link
Member Author

Choose a reason for hiding this comment

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

The real fix, add margin top when in mobile view, as this div falls underneath the previous one and didn't have margin

@Majorfi Majorfi added this pull request to the merge queue May 18, 2023
Merged via the queue into main with commit 396d6b3 May 18, 2023
@Majorfi Majorfi deleted the fix/issue-174-css branch May 18, 2023 08:54
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
Status: 🟢 Done
Development

Successfully merging this pull request may close these issues.

Bug: CSS
2 participants