From 96b79d999515a12725f70637678d6a7ead87354e Mon Sep 17 00:00:00 2001
From: Rainnny7 <braydonrainnny@gmail.com>
Date: Sun, 6 Oct 2024 18:15:57 -0400
Subject: [PATCH] better sidebar responsiveness

Took 8 minutes
---
 src/app/layout.tsx                 | 2 +-
 src/components/sidebar/sidebar.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 04c3005..46e1cc4 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -52,7 +52,7 @@ const RootLayout = ({
                 <div className="px-7 max-w-[90rem] mx-auto min-h-screen flex flex-col">
                     <Navbar />
                     <div className="pt-[4.5rem] w-full h-full flex flex-grow gap-5">
-                        <div className="hidden xs:flex">
+                        <div className="relative hidden xs:flex pr-40 sm:pr-52">
                             <Sidebar />
                         </div>
                         {children}
diff --git a/src/components/sidebar/sidebar.tsx b/src/components/sidebar/sidebar.tsx
index aee9598..5c1582d 100644
--- a/src/components/sidebar/sidebar.tsx
+++ b/src/components/sidebar/sidebar.tsx
@@ -22,7 +22,7 @@ const Sidebar = (): ReactElement => (
         </div>
 
         {/* Desktop */}
-        <div className="hidden min-w-32 w-40 sm:w-52 py-3 xs:flex flex-col justify-between transition-all transform-gpu">
+        <div className="hidden fixed top-20 inset-y-0 min-w-32 w-40 sm:w-52 py-3 xs:flex flex-col justify-between transition-all transform-gpu">
             <SidebarContent />
         </div>
     </>