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.

Sign up for GitHub

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

Jump to bottom

General UI improvements #53

Closed
5 of 10 tasks
stackingsaunter opened this issue Aug 29, 2024 · 1 comment · Fixed by #66
Closed
5 of 10 tasks

General UI improvements #53

stackingsaunter opened this issue Aug 29, 2024 · 1 comment · Fixed by #66
Assignees
@reneaaron

Comments

@stackingsaunter
Copy link

stackingsaunter commented Aug 29, 2024 •
edited by reneaaron
Loading

Whole app UI

  • Delete NWC logo from top
  • Delete top nav stroke/border

Colors

  • Use gray50 (#F9FAFB) as bg
  • Use two shades of gray: Primary (gray700 #374151) and Secondary (gray500 #6B7280). That goes for text and icons

Numbers

  • Seperate thousands by thin space (Unicode: U+2009 ( ,  )), If it's not easy in react, use normal space
  • Add crossed zeroes to all numbers
  • Decimals should work according to the chosen currency (I see comma as decimal for USD, which should be a dot)

Buttons

  • Use rounded-3xl (border-radius: 1.5rem; /* 24px */) for big square buttons
  • Use rounded-2xl (border-radius: 1rem; /* 16px */) for other buttons
  • Maybe we can added this pushed button state instead of the current one?
@reneaaron reneaaron mentioned this issue Aug 30, 2024
Merged
@reneaaron
Copy link
Contributor

Created follow-up issues:

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@reneaaron reneaaron

Labels
None yet
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

fix: general UI improvements getAlby/go
2 participants
@stackingsaunter @reneaaron