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

style: smoother loading experience #549

Merged
merged 15 commits into from
Feb 9, 2025

Conversation

cirex-web
Copy link
Contributor

@cirex-web cirex-web commented Feb 2, 2025

  • Banner color changed to a slightly more sober blue gradient
  • Animations! No reason other than because I think it looks cool.
  • Shifted some styles from a React MUI component to plain CSS. I'd like to have everything in CSS at some point - something about full CSS in TS feels a bit off... (I also dislike tailwind for similar reasons) Related: [Feature] Change styling to use CSS/SCSS modules #18

Video demo, with and without an artificial 5s delay from the API (note how the loading screen doesn't appear in the second case)

Screen.Recording.2025-02-02.at.5.18.29.PM.mov

This has not gone through the design team, but I like it lol

Copy link

vercel bot commented Feb 2, 2025

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
cmueats ✅ Ready (Inspect) Visit Preview 💬 Add feedback Feb 3, 2025 0:11am

"react/jsx-uses-react": "error",
"react/jsx-uses-vars": "error",
"react/prop-types": "off",
"react/require-default-props": "off", // we don't use prop-types for prop validation https://stackoverflow.com/a/64041197/13171687
Copy link
Contributor Author

@cirex-web cirex-web Feb 2, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

the only diff here is line 28

Copy link
Member

@GhostOf0days GhostOf0days left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks good to me. This looks awesome. Thank you.

@GhostOf0days GhostOf0days merged commit 2788bed into fix/quality-of-life-tweaks Feb 9, 2025
6 checks passed
@GhostOf0days GhostOf0days deleted the style/a-bit-of-animation branch February 9, 2025 22:27
@GhostOf0days
Copy link
Member

@cirex-web my bad bro. i didn't see the branch this was merging into.

@GhostOf0days GhostOf0days restored the style/a-bit-of-animation branch February 9, 2025 22:34
GhostOf0days added a commit that referenced this pull request Feb 9, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants