Mobile Navbar Label Fixes

This commit is contained in:
2025-04-13 00:46:36 -04:00
parent e00776d20b
commit 3af9ad2acc

View File

@@ -18,14 +18,14 @@ const MobileNav = () => {
return ( return (
<div className="p-4 flex flex-col items-center gap-4 bg-surface-900"> <div className="p-4 flex flex-col items-center gap-4 bg-surface-900">
<Navigation.Bar className="flex justify-around w-full"> <Navigation.Bar className="flex justify-around w-full">
<Navigation.Tile href="/" className="flex flex-col items-center"> <Navigation.Tile label="Home" href="/" className="flex flex-col items-center">
<IconHome /> <IconHome />
</Navigation.Tile> </Navigation.Tile>
<Navigation.Tile href="/guide" className="flex flex-col items-center"> <Navigation.Tile label="Guide" href="/guide" className="flex flex-col items-center">
<BookImage /> <BookImage />
</Navigation.Tile> </Navigation.Tile>
{isAuthenticated ? ( {isAuthenticated ? (
<Navigation.Tile href="/profile" className="flex flex-col items-center"> <Navigation.Tile label="Profile" href="/profile" className="flex flex-col items-center">
<UserImage /> <UserImage />
</Navigation.Tile> </Navigation.Tile>
) : null} ) : null}