Mobile Navbar Label Fixes
This commit is contained in:
@@ -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}
|
||||||
|
|||||||
Reference in New Issue
Block a user