fix left navbar

BacPacNet · Oct 1, 2024 · efcdaa8 · efcdaa8
1 parent 71381f0
commit efcdaa8
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/src/app/(withLayout)/layout.tsx b/src/app/(withLayout)/layout.tsx
@@ -5,7 +5,7 @@ export default function Layout({ children }: { children: React.ReactNode }) {
   return (
     <div className="flex gap-8 bg-surface-primary-50">
       <div className="w-1/5 hidden md:block ">
-        <div className="fixed w-[288px] left-0 z-10 h-with-navbar  overflow-y-auto">
+        <div className="fixed w-[288px] left-0 z-10 ">
           <LeftNavbar />
         </div>
       </div>

diff --git a/src/components/organisms/LeftNavbar/index.tsx b/src/components/organisms/LeftNavbar/index.tsx
@@ -51,7 +51,7 @@ export default function LeftNavbar() {
   }
   return (
     <div className="pt-1 ">
-      <Card className="">
+      <Card className="h-with-navbar  overflow-y-auto">
         <div className="px-4 flex gap-4">
           {renderProfile()}
           <div>

diff --git a/tailwind.config.js b/tailwind.config.js
@@ -64,7 +64,7 @@ module.exports = {
         function ({addUtilities}) {
             addUtilities({
                 '.h-with-navbar': {
-                    height: 'calc(100vh - 4rem)', // Replace 4rem with your actual navbar height
+                    height: 'calc(100vh - 68px)',
                 },
             });
         },