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

UI Improvement: Add Animations and Better Styling for Non-Profit List #23

Open
phyleria opened this issue Oct 3, 2024 · 1 comment
Open
Assignees
Labels
hacktoberfest help wanted Extra attention is needed

Comments

@phyleria
Copy link
Contributor

phyleria commented Oct 3, 2024

We want to improve the UI of TryOpenGiving's non-profit listing page by adding animations and refining the styling while adhering to our design system using MUI (Material-UI). The goal is to make the UI more engaging and visually appealing.

Acceptance Criteria:

  • Add hover animations to each non-profit card in the list (e.g., slight elevation and shadow effect on hover).
  • Improve the layout by adjusting spacing, font sizes, and card alignment.
  • Ensure that the UI remains responsive on different screen sizes.
  • Stick to the MUI component library and theme settings to maintain consistency.
  • Consider adding transition effects when the list is filtered or sorted.
@phyleria phyleria added hacktoberfest help wanted Extra attention is needed labels Oct 3, 2024
@Yash-sudo-web
Copy link

@phyleria, i can pick up this issue

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
hacktoberfest help wanted Extra attention is needed
Projects
None yet
Development

No branches or pull requests

2 participants