design: navbar 고정되도록 수정

GDSC-Hongik · Aug 27, 2024 · bded593 · bded593
1 parent 1088db0
commit bded593
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/apps/client/app/(afterLogin)/layout.tsx b/apps/client/app/(afterLogin)/layout.tsx
@@ -13,7 +13,12 @@ const Layout = ({ children }: { children: React.ReactNode }) => {
   return (
     <>
       <Navbar />
-      <styled.main padding="54px 0 0 101px" width="calc(100vw - 351px)">
+      <styled.main
+        left="250px"
+        padding="54px 0 0 101px"
+        position="absolute"
+        width="calc(100vw - 351px)"
+      >
         {children}
       </styled.main>
     </>

diff --git a/apps/client/components/Navbar.tsx b/apps/client/components/Navbar.tsx
@@ -66,7 +66,8 @@ export default Navbar;
 const navbarContainerStyle = css({
   width: "250px",
   minWidth: "250px",
-  minHeight: "100vh",
+  height: "100vh",
+  position: "fixed",
   paddingTop: "54px",
   borderRightWidth: "arrow",
   borderColor: "mono.400",