fixed sidebar responsiveness

Author: biplab-sutradhar

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>
   );
 }

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) => (