From 409dea6bc23c5182d55a80242d60e359409a7aae Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Horv=C3=A1th=20Istv=C3=A1n?= <horvath.isti@edu.bme.hu>
Date: Mon, 18 Mar 2024 01:16:15 +0100
Subject: [PATCH] Fix navbar overflow

---
 src/components/navbar/desktop-navbar.tsx | 2 +-
 src/components/navbar/navbar-items.tsx   | 2 +-
 src/components/navbar/navbar-mobile.tsx  | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/navbar/desktop-navbar.tsx b/src/components/navbar/desktop-navbar.tsx
index 5791dd7..3aeab29 100644
--- a/src/components/navbar/desktop-navbar.tsx
+++ b/src/components/navbar/desktop-navbar.tsx
@@ -25,7 +25,7 @@ export function DesktopNavbar() {
   }, []);
 
   return (
-    <nav className='w-full mx-auto hidden md:flex justify-end items-center flex-wrap gap-10 flex-col md:flex-row fixed p-5 top-0 z-20 overflow-hidden'>
+    <nav className='w-full mx-auto hidden lg:flex justify-end items-center flex-wrap gap-10 flex-col lg:flex-row fixed p-5 top-0 z-20 overflow-hidden'>
       <div
         id='desktop-nav-container'
         className={clsx(
diff --git a/src/components/navbar/navbar-items.tsx b/src/components/navbar/navbar-items.tsx
index 86461ca..0638847 100644
--- a/src/components/navbar/navbar-items.tsx
+++ b/src/components/navbar/navbar-items.tsx
@@ -31,7 +31,7 @@ const links = [
 
 export function NavbarItems() {
   return (
-    <div className='flex flex-col md:flex-row gap-3 mt-5 md:mt-0 md:gap-10'>
+    <div className='flex flex-col lg:flex-row gap-3 mt-5 lg:mt-0 lg:gap-10'>
       {links.map(({ href, label, external }) => (
         <Link
           href={href}
diff --git a/src/components/navbar/navbar-mobile.tsx b/src/components/navbar/navbar-mobile.tsx
index ad562b7..bda4a91 100644
--- a/src/components/navbar/navbar-mobile.tsx
+++ b/src/components/navbar/navbar-mobile.tsx
@@ -31,7 +31,7 @@ export function NavbarMobile() {
   }, []);
 
   return (
-    <nav className='md:hidden overflow-hidden'>
+    <nav className='lg:hidden overflow-hidden'>
       <div className='w-full px-5 py-3 fixed top-0 z-20' onClick={onLinkClick}>
         <div
           id='mobile-nav-container'