search

KnightHacks / hackathon-site-2021

Hackathon site for KnightHacks '21
MIT License
3 stars 2 forks source link

Add routing blur-up transition between pages #73

Closed rob-3 closed 3 years ago

rob-3 commented 3 years ago
ISSUE

Resolves #51.

DESCRIPTION

This PR implements a short blur-up transition between pages.

CHECKLIST

✓ Code is commented ✓ Responsiveness across viewports ✓ Labeled "frontend"

I tried to figure out how to do this with Tailwind classes, but react-transition-group just isn't built for that sort of thing. There is this but this works so I'm loath to rewrite it just to use tailwind.

aileenpongnon commented 3 years ago

should be tested against an existing page, but seems to be working for now

rob-3 commented 3 years ago

Don't merge this, I'm going to try to rewrite with headless-ui

rob-3 commented 3 years ago

I couldn't find a way to do this with headless-ui so I think I will merge this in pending confirmation from @aileenpongnon.

aileenpongnon commented 3 years ago

I'm good to approve this once other pages are merged in cause I still think it should be tested against an existing page