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 (
<div className="p-4 flex flex-col items-center gap-4 bg-surface-900">
<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 />
</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 />
</Navigation.Tile>
{isAuthenticated ? (
<Navigation.Tile href="/profile" className="flex flex-col items-center">
<Navigation.Tile label="Profile" href="/profile" className="flex flex-col items-center">
<UserImage />
</Navigation.Tile>
) : null}