Fix navbar overflow

simonyiszk · Mar 18, 2024 · 409dea6 · 409dea6
1 parent a9f7399
commit 409dea6
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git 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
@@ -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
@@ -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'