-
Notifications
You must be signed in to change notification settings - Fork 21
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
Frontend styling refactor / UI polish #478
Conversation
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.
man incredible work. It's so beautiful!!
One other idea I didn't mention inline: Could we maybe add a "secondary" button style? That way if we have two buttons side-by-side (like in the QuantifyTable), we could visusally distinguish them somewhat.
packages/frontend/src/pages/QuantifyPeriodReceiver/components/QuantifyPraiseRow.tsx
Show resolved
Hide resolved
One common way to deal with this is to use an "outline" button style with the same colour. That is then used for with "less important" buttons, in relation to some "more important" button. In the case of the quantify screen, both buttons are of equal importance which makes it more difficult to motivate why they should have different colours. |
I have started polishing up the UI. There is still lots to do, mostly in terms of responsiveness and dark mode. But I think this is bug free enough to merge for now.