Merge pull request #35 from ChangePlusPlusVandy/rachel/sidebar

made sidebar + header bar sticky
ChangePlusPlusVandy · Jan 27, 2025 · 47c1ec7 · 47c1ec7
2 parents 3ea3692 + e38d2d8
commit 47c1ec7
Showing 1 changed file with 18 additions and 7 deletions.
diff --git a/frontend/src/routes/appRoutes.tsx b/frontend/src/routes/appRoutes.tsx
@@ -50,13 +50,24 @@ function AppRoutes() {
 				<div style={{ width: "100%" }}>
 					<HeaderBar isOpen={isHeaderBarOpen} setIsOpen={setIsHeaderBarOpen} />
 				</div>
-				<div style={{ display: "flex", flex: 1 }}>
-					<div style={{ display: "flex", alignItems: "center" }}>
-						<Sidebar
-							isCollapsed={isCollapsed}
-							setIsCollapsed={setIsCollapsed}
-						/>
-					</div>
+				<div
+					style={{
+						position: "absolute",
+						display: "flex",
+						alignItems: "center",
+						top: "25%",
+					}}
+				>
+					<Sidebar isCollapsed={isCollapsed} setIsCollapsed={setIsCollapsed} />
+				</div>
+				<div
+					style={{
+						display: "flex",
+						flex: 1,
+						overflow: "auto",
+						paddingLeft: isCollapsed ? "6rem" : "17rem",
+					}}
+				>
 					<Routes>
 						<Route path="/" element={<Home />} />
 						<Route path="/about" element={<About />} />