From a68735878e2332ad682fa3fc452a10ae9a3e590d Mon Sep 17 00:00:00 2001
From: Kentai Radiquum <kentai.waah@gmail.com>
Date: Sun, 18 Aug 2024 11:39:51 +0500
Subject: [PATCH] fix, style: navbar items overflow

---
 app/components/Navbar/Navbar.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/components/Navbar/Navbar.tsx b/app/components/Navbar/Navbar.tsx
index 9dbce8a..016d05f 100644
--- a/app/components/Navbar/Navbar.tsx
+++ b/app/components/Navbar/Navbar.tsx
@@ -77,14 +77,14 @@ export const Navbar = () => {
   return (
     <>
       <header className="fixed bottom-0 left-0 z-50 w-full text-white bg-black sm:sticky sm:top-0">
-        <div className="container flex items-center justify-center gap-4 px-4 py-4 mx-auto md:justify-between md:gap-0">
+        <div className="container flex items-center justify-center gap-4 px-4 py-4 mx-auto lg:justify-between lg:gap-0">
           <nav className="flex gap-4">
             {navLinks.map((link) => {
               return (
                 <Link
                   key={link.id}
                   href={link.href}
-                  className={`flex-col items-center sm:flex-row ${
+                  className={`flex-col items-center lg:flex-row ${
                     link.withAuthOnly && !userStore.isAuth
                       ? "hidden"
                       : link.mobileMenu
@@ -109,7 +109,7 @@ export const Navbar = () => {
             })}
           </nav>
           {userStore.isAuth ? (
-            <div className="flex flex-col items-center justify-end text-sm sm:gap-1 sm:justify-center sm:flex-row sm:text-base">
+            <div className="flex flex-col items-center justify-end text-sm lg:gap-1 lg:justify-center lg:flex-row lg:text-base">
               <img
                 src={userStore.user.avatar}
                 alt=""