From 23b0b3fd04b3a034f6a74a0ab00bf7bde7f7afbf Mon Sep 17 00:00:00 2001
From: Sam Piper <sampii@protonmail.com>
Date: Mon, 18 Nov 2024 02:34:42 +0000
Subject: [PATCH] feat: Update layout for sidebar and header components

- refactor: Move SidebarHeader to a sticky top position
- style: Add padding-top to main content area
- fix: Enhance overall layout structure for better responsiveness
---
 apps/forge/src/routes/__root.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/apps/forge/src/routes/__root.tsx b/apps/forge/src/routes/__root.tsx
index 2780d57..76a0059 100644
--- a/apps/forge/src/routes/__root.tsx
+++ b/apps/forge/src/routes/__root.tsx
@@ -43,9 +43,11 @@ function RootComponent() {
       <SidebarProvider>
         <AppSidebar />
         <SidebarInset className="flex flex-col">
-          <SidebarHeader />
-          <div className="flex-grow ">
-            <div className="h-fit min-h-screen">
+          <div className="sticky top-0 z-50 bg-background">
+            <SidebarHeader />
+          </div>
+          <div className="flex-grow">
+            <div className="h-fit min-h-screen pt-4">
               <RootComponentInner>
                 <Outlet />
               </RootComponentInner>