From a6a0218f1b41042f58735b4427592ab134d58794 Mon Sep 17 00:00:00 2001
From: TZGyn <ca538901d@mozmail.com>
Date: Tue, 29 Aug 2023 02:54:32 +0800
Subject: [PATCH] Hide the title on navbar based on breakpoint

---
 components/navbar.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/components/navbar.tsx b/components/navbar.tsx
index c806f87..bb82179 100644
--- a/components/navbar.tsx
+++ b/components/navbar.tsx
@@ -69,7 +69,7 @@ export const Navbar = ({
 					as='li'
 					className='max-w-fit gap-3'>
 					<NextLink
-						className='flex items-center justify-start gap-1'
+						className='hidden items-center justify-start gap-1 sm:flex'
 						href='/'>
 						<Icon
 							icon={'mdi:bookmark-box'}
@@ -100,7 +100,7 @@ export const Navbar = ({
 				justify='end'>
 				<NavbarItem className='flex gap-2'>
 					{pathname.startsWith('/dashboard') && (
-						<div className='mr-4 hidden min-[400px]:flex'>
+						<div className='mr-4'>
 							<NewBookmarkForm categories={categories} />
 						</div>
 					)}
@@ -108,11 +108,11 @@ export const Navbar = ({
 						isExternal
 						href={siteConfig.links.github}
 						aria-label='Github'
-						className='hidden sm:flex'>
+						className='hidden min-[330px]:flex'>
 						<GithubIcon className='text-default-500' />
 					</Link>
-					<ThemeSwitch className='hidden sm:flex' />
-					<div className='ml-2 flex items-center gap-4 sm:ml-4'>
+					<ThemeSwitch className='hidden min-[330px]:flex' />
+					<div className='ml-2 flex items-center gap-4 min-[330px]:ml-4'>
 						<Dropdown placement='bottom-end'>
 							<DropdownTrigger>
 								<Avatar