From ddea4d1bd5504da8ca9e094ab4299cc226211c6a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Yusuf=20Akg=C3=BCl?= <s86116@bht-berlin.de>
Date: Wed, 12 Jul 2023 00:10:18 +0200
Subject: [PATCH] actual fix
---
components/nav-mobile.tsx | 4 ++--
1 file changed, 2 insertions(+), 2 deletions(-)
diff --git a/components/nav-mobile.tsx b/components/nav-mobile.tsx
index 8a3c1e8..2b2f0ae 100644
--- a/components/nav-mobile.tsx
+++ b/components/nav-mobile.tsx
@@ -17,7 +17,7 @@ export const MobileNav = ({ items, user }: { items: SidebarNavItem[], user: User
const visibleItems = user ? items : items.slice(0, 2)
return (
- <nav className={`grid h-full max-w-lg grid-cols-${visibleItems.length} justify-between mx-auto`}>
+ <nav className={`container flex flex-row items-center h-full w-full max-w-lg justify-between mx-auto`}>
{visibleItems.map((item, index) => {
const Icon = Icons[item.icon || "arrowRight"]
if (item.title === "My Profile") {
@@ -25,7 +25,7 @@ export const MobileNav = ({ items, user }: { items: SidebarNavItem[], user: User
}
return (
item.href && (
- <Link key={index} href={item.disabled ? "/" : item.href} className="inline-flex items-center justify-center">
+ <Link key={index} href={item.disabled ? "/" : item.href} className="inline-flex items-center justify-center w-full h-full">
<Button variant={`${path.startsWith(item.href) ? "secondary" : "ghost"}`} size="logo">
<Icon />
</Button>
--
GitLab