-
Notifications
You must be signed in to change notification settings - Fork 73
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: update staking panel text colors + apr tag #764
Conversation
moo-onthelawn
commented
Jul 3, 2024
•
edited
Loading
edited
- Remove the APR badge next to 'Unstaked' and add green APR badge next to 'Staked' (no need to exactly copy Keplr)
- If the balance is more than 0, the text should be 'Primary' instead of 'Tertiary' to avoid confusion (staking panel)
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
@@ -223,7 +230,15 @@ const $Label = styled.div` | |||
gap: 0.5rem; | |||
`; | |||
|
|||
const $BalanceOutput = styled(Output)` | |||
const $BalanceOutput = styled(Output)<{ isPositive: boolean }>` |
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.
can we infer the color based on the raw value?
like
${({ value})}=> value.gt(0) ... or something?
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.
ehh hm as personal pref I like to keep the logic in the typescript portion (as opposed to css) but lmk if u feel strongly 👀