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

Wallet: QR dialog design tweaks to layout and aesthetics #13386

Closed
benjthayer opened this issue Feb 1, 2024 · 0 comments · Fixed by #13764
Closed

Wallet: QR dialog design tweaks to layout and aesthetics #13386

benjthayer opened this issue Feb 1, 2024 · 0 comments · Fixed by #13764

Comments

@benjthayer
Copy link

The existing designs for the QR code have been updated to make them aesthetically more pleasing, leverage more standard design system components as well as making network preference handling more extensible.

The main changes are as follows:

  • General tweaks to alignment / balancing in padding
  • White backing, replacing the old grey backing
  • Account icon in middle of QR
  • Alignment of the network tags to base of QR - this means they can wrap onto multiple lines (previous designs has 2 lists left and right of the WR)
  • Smaller, cleaner copy button
  • Neater, narrower network list
Screenshot 2024-02-01 at 5 01 38 PM

Figma:
https://www.figma.com/file/FkFClTCYKf83RJWoifWgoX/Wallet-v2?type=design&node-id=20734-337595&mode=design&t=2O68lxNGG9g1b1tx-4

The previous design has been retained here for reference:
https://www.figma.com/file/FkFClTCYKf83RJWoifWgoX/Wallet-v2?type=design&node-id=21242-170489&mode=design&t=2O68lxNGG9g1b1tx-4

Screenshot 2024-02-01 at 5 01 01 PM
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment