From ddf5ad42eb7d557ffb86b59fc2af2dbf1e663b82 Mon Sep 17 00:00:00 2001
From: Kazi <kazinoshin.jo@gmail.com>
Date: Sun, 9 Mar 2025 15:40:22 +0600
Subject: [PATCH] Update to make navbar sticky

---
 urbackupserver/www2/src/App.tsx                    | 8 +-------
 urbackupserver/www2/src/components/StackStyles.tsx | 8 ++++++++
 2 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/urbackupserver/www2/src/App.tsx b/urbackupserver/www2/src/App.tsx
index 98db2f22..493dbade 100644
--- a/urbackupserver/www2/src/App.tsx
+++ b/urbackupserver/www2/src/App.tsx
@@ -227,13 +227,7 @@ const App: React.FunctionComponent = () => {
                   }}
                 >
                   {snap.loggedIn && (
-                    <div
-                      className={styles.item}
-                      style={{
-                        borderRight: "1px solid",
-                        padding: "10pt",
-                      }}
-                    >
+                    <div className={styles.sidebar}>
                       <NavSidebar />
                     </div>
                   )}
diff --git a/urbackupserver/www2/src/components/StackStyles.tsx b/urbackupserver/www2/src/components/StackStyles.tsx
index 16bef7b6..f02f22b6 100644
--- a/urbackupserver/www2/src/components/StackStyles.tsx
+++ b/urbackupserver/www2/src/components/StackStyles.tsx
@@ -50,4 +50,12 @@ export const useStackStyles = makeStyles({
     maxWidth: "1200px",
     marginInline: "auto",
   },
+  sidebar: {
+    borderRight: "1px solid",
+    padding: "10pt",
+    position: "sticky",
+    top: 0,
+    left: 0,
+    maxHeight: "100vh",
+  },
 });