feat: fix sidebar height

chingu-x · Sep 19, 2023 · d80d3a5 · d80d3a5
2 parents 155e97a + 75ad6c7
commit d80d3a5
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 7 deletions.
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -23,11 +23,13 @@ export default function RootLayout({
   return (
     <html lang="en" className={`${inter.className} bg-base-content`}>
       <body>
-      <div className="flex min-h-screen h-full">
-        <Navbar />
-        <StoreProvider>
-        <Sidebar />
-          <main className="mt-16 flex-1 bg-yellow-200">{children}</main>
+        <div className="flex min-h-screen">
+          <Navbar />
+          <StoreProvider>
+            <Sidebar />
+            <main className="mt-16 flex-1">
+              {children}
+            </main>
           </StoreProvider>
         </div>
       </body>

diff --git a/src/components/sidebar/Sidebar.tsx b/src/components/sidebar/Sidebar.tsx
@@ -86,9 +86,9 @@ export default function Sidebar() {
 
   return (
     <aside
-      className={`sticky h-[calc(100vh-theme(spacing.16))] ${
+      className={`sticky top-16 h-[calc(100vh-theme(spacing.16))] ${
         isOpenSidebar ? "w-[18.4375rem]" : "w-[5.8125rem]"
-      } text-center bg-white box-content flex flex-col justify-between pt-16`}
+      } text-center bg-white flex flex-col justify-between pt-16`}
     >
       <ul
         className={`flex flex-col ${