From 012654314764e0c6249e9fd3e83f567284f97a92 Mon Sep 17 00:00:00 2001
From: Biplab Sutradhar <biplabsutradhar1453@gmail.com>
Date: Fri, 18 Oct 2024 13:43:14 +0530
Subject: [PATCH 1/3] fixed sidebar responsiveness

---
 components/HamburgerMenu.tsx | 4 ++--
 components/SideNav.tsx       | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/components/HamburgerMenu.tsx b/components/HamburgerMenu.tsx
index ce83240..e018045 100644
--- a/components/HamburgerMenu.tsx
+++ b/components/HamburgerMenu.tsx
@@ -7,7 +7,7 @@ import { Button } from "@/packages/ui";
 
 export default function HamburgerMenu() {
   const [isOpen, setIsOpen] = useState(false);
-
+  
   return (
     <div>
       <Button
@@ -17,7 +17,7 @@ export default function HamburgerMenu() {
       >
         {isOpen ? <X /> : <AlignJustify />}
       </Button>
-      {isOpen && <SideNav />}
+      {isOpen && <div className=" w-44"> <SideNav /> </div> }
     </div>
   );
 }
diff --git a/components/SideNav.tsx b/components/SideNav.tsx
index aaf41ae..eed0683 100644
--- a/components/SideNav.tsx
+++ b/components/SideNav.tsx
@@ -5,7 +5,7 @@ import Link from "next/link";
 export default function SideNav() {
   return (
     <div
-      className={`fixed right-auto border-r-2 border-black h-full py-8 transition-transform transform md:translate-x-0 w-64 bg-white`}
+      className={`fixed right-auto border-r-2 border-black h-full py-8 transition-transform transform md:translate-x-0 w-64 bg-white flex justify-start md:justify-center pl-2 md:pl-0`}
     >
       <nav className="flex flex-col items-start pr-6 space-y-4">
         {navConfig.sideNavItems.map((item) => (

From 75d02c9a161ba5f2cbad3869ab826b5a09626f05 Mon Sep 17 00:00:00 2001
From: Biplab Sutradhar <biplabsutradhar1453@gmail.com>
Date: Sat, 19 Oct 2024 14:56:22 +0530
Subject: [PATCH 2/3] fixed sidebar responsiveness

---
 components/HamburgerMenu.tsx | 12 +++++++++++-
 components/SideNav.tsx       |  2 +-
 components/TopNav.tsx        |  9 +++++++--
 3 files changed, 19 insertions(+), 4 deletions(-)

diff --git a/components/HamburgerMenu.tsx b/components/HamburgerMenu.tsx
index e018045..70cc999 100644
--- a/components/HamburgerMenu.tsx
+++ b/components/HamburgerMenu.tsx
@@ -14,10 +14,20 @@ export default function HamburgerMenu() {
         size="sm"
         variant="outline"
         onClick={() => setIsOpen((prev) => !prev)}
+        className="z-50 absolute top-3 left-2 mb-3"
       >
         {isOpen ? <X /> : <AlignJustify />}
       </Button>
-      {isOpen && <div className=" w-44"> <SideNav /> </div> }
+      
+      {isOpen && (
+        <div className="absolute top-0 z-40 w-full h-screen bg-black opacity-50" onClick={() => setIsOpen(false)} />
+      )}
+      
+      {isOpen && (
+        <div className="absolute top-0 left-0 z-50">
+          <SideNav />
+        </div>
+      )}
     </div>
   );
 }
diff --git a/components/SideNav.tsx b/components/SideNav.tsx
index eed0683..e94dc26 100644
--- a/components/SideNav.tsx
+++ b/components/SideNav.tsx
@@ -5,7 +5,7 @@ import Link from "next/link";
 export default function SideNav() {
   return (
     <div
-      className={`fixed right-auto border-r-2 border-black h-full py-8 transition-transform transform md:translate-x-0 w-64 bg-white flex justify-start md:justify-center pl-2 md:pl-0`}
+      className={`fixed right-auto border-r-2 border-black h-full transition-transform transform md:translate-x-0 w-64 bg-white flex md:justify-start justify-center  py-14 md:py-8`}
     >
       <nav className="flex flex-col items-start pr-6 space-y-4">
         {navConfig.sideNavItems.map((item) => (
diff --git a/components/TopNav.tsx b/components/TopNav.tsx
index e62224b..dafc2e9 100644
--- a/components/TopNav.tsx
+++ b/components/TopNav.tsx
@@ -11,7 +11,13 @@ export default function TopNav() {
     <nav className="fixed top-0 h-16 left-0 right-0 w-full border-b-2 border-black bg-white">
       <div className="container max-w-6xl px-4 lg:px-0 mx-auto">
         <div className="flex justify-between items-center h-16">
+          
           {/* Logo Section */}
+
+          
+          <div className="flex items-center  lg:hidden"> 
+            <HamburgerMenu />
+          </div>
           <div className="flex-shrink-0">
             <a
               href="/"
@@ -48,8 +54,7 @@ export default function TopNav() {
               rel="noopener noreferrer"
             >
               <GithubIcon />
-            </Link>
-            <HamburgerMenu />
+            </Link> 
           </div>
           <div className="hidden lg:flex items-center">
             <Link

From 8c33ec2d443c56e98f053fe7af802d64a84f8c75 Mon Sep 17 00:00:00 2001
From: Biplab Sutradhar <biplabsutradhar1453@gmail.com>
Date: Sat, 19 Oct 2024 15:01:00 +0530
Subject: [PATCH 3/3] fixed sidebar responsiveness

---
 components/HamburgerMenu.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/HamburgerMenu.tsx b/components/HamburgerMenu.tsx
index 70cc999..910299c 100644
--- a/components/HamburgerMenu.tsx
+++ b/components/HamburgerMenu.tsx
@@ -20,11 +20,11 @@ export default function HamburgerMenu() {
       </Button>
       
       {isOpen && (
-        <div className="absolute top-0 z-40 w-full h-screen bg-black opacity-50" onClick={() => setIsOpen(false)} />
+        <div className="absolute top-0 z-30 w-full h-screen bg-black opacity-50" onClick={() => setIsOpen(false)} />
       )}
       
       {isOpen && (
-        <div className="absolute top-0 left-0 z-50">
+        <div className="absolute top-0 left-0 z-40">
           <SideNav />
         </div>
       )}