510 feature request mobile UI add bottom tab bar for mobile only

[AbhiramTadepalli]

Overview

Added a BottomNavBar as per #510 to make mobile navigation easier
Also cleans up nav on the search results page a bit better

What Changed

• Implements a bottom nav bar on mobile with Search, Compare, and MyPlanner pages
• Makes Search a tab in the search results page, alongside Course & Professor overviews
• Creates a new Compare "page" (just a parameter in the url that conditionally renders a diff page)
• Remove the MyPlanner / Search Results button from the top bar

To-Do's

• there's a comma at the bottom of the professor overview for some reason now, can you help me find it?
• Move the report button up
• style the navbar to look more modern
• Add a slide transition between tabs (might be hard)
• Stop the flicker going from compare -> myplanner and myplanner -> compare
• @TyHil what did you mean by TODO: When PlannerButton is moved to a bottom nav bar, remove the small size props from all the children in this div

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
utd-trends	Ready	Preview, Comment	Apr 6, 2026 4:03am

[AbhiramTadepalli]

@TyHil @Isoscelestial
Up to 0b51d69: I feel this UI is great cuz it has overscroll, pull to refresh, and in safari (first browser) the url bar shrinks. Downside is in Firefox we get the glassmorphism under the MobileNavBar. Airbnb has the same issue only on firefox so we could just suck it up.

ScreenRecording_04-05-2026.10-26-08_1.1.mp4

Changes I made in 2568771: Remove that issue from the Firefox (2nd browser), but also disable pull to refresh && in Safari the url bar doesn't shrink.

ScreenRecording_04-05-2026.10-28-46_1.mp4

I'm fine to bite the bullet and have Firefox glassmorphism, just let me know and I can revert the last commit

[egsch]

I'm fine to bite the bullet and have Firefox glassmorphism, just let me know and I can revert the last commit

I don't think the glassmorphism is a huge issue, especially since firefox + ios is a pretty small proportion of our users

[TyHil]

I still can't pull to refresh on Android Chrome or Firefox :/

Other than that tho it's looking incredible. And I agree with Emma on the above

[AbhiramTadepalli]

lgtm

implemented refrsh

[egsch]

Thank you so much and sorry for the late merge!