-
Notifications
You must be signed in to change notification settings - Fork 20
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
feat(frontend): ConvertAmountSource component #3586
base: feat(frontend)/convert-amount-source
Are you sure you want to change the base?
feat(frontend): ConvertAmountSource component #3586
Conversation
fedfbbd
to
ff53508
Compare
|
||
<button | ||
slot="balance" | ||
class={`rounded px-2 py-0.5 ${isZeroBalance ? 'bg-error-subtle-alt text-error' : 'bg-zumthor text-blue-ribbon'}`} |
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.
i think that both zumthor
and blue-ribbon
can be replaced with the new colors
blue ribbon is text-brand-primary, and the other bg-brand-subtle (please double check)
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.
good catch, updated!
<button | ||
slot="balance" | ||
class={`rounded px-2 py-0.5 ${isZeroBalance ? 'bg-error-subtle-alt text-error' : 'bg-zumthor text-blue-ribbon'}`} | ||
on:click|preventDefault={setMax} |
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.
do we need preventDefault
? we do the same elsewhere?
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.
yep, same as with max button in the send flow - since we don't have a button with type=submit, the whole Send/Convert form will be submitted without preventDefault
Motivation
Component for handling source token amount input and all related information appearance.
Desktop:
Mobile: