From a4289ad223fe2f06d3c8a2bcd49dd50ce90ecece Mon Sep 17 00:00:00 2001
From: Pinapelz <yukais@pinapelz.com>
Date: Sun, 3 Nov 2024 23:14:24 -0800
Subject: fix: make sidebar scrollable if list grows too long

---
 src/components/TitleBar/TitleBar.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

(limited to 'src/components/TitleBar/TitleBar.tsx')

diff --git a/src/components/TitleBar/TitleBar.tsx b/src/components/TitleBar/TitleBar.tsx
index c4a65c4..2d5da15 100644
--- a/src/components/TitleBar/TitleBar.tsx
+++ b/src/components/TitleBar/TitleBar.tsx
@@ -122,7 +122,11 @@ const TitleBar: React.FC<TitleBarProps> = ({
                 className={`fixed top-0 left-0 h-screen bg-black text-white shadow-lg transition-transform transform ${
                     isSidebarOpen ? "translate-x-0" : "-translate-x-full"
                 } duration-500 ease-in-out z-50`}
-                style={{ width: "16rem", fontFamily: "Quantico, sans-serif" }}
+                style={{
+                    width: "16rem",
+                    fontFamily: "Quantico, sans-serif",
+                    overflowY: "auto",
+                }}
             >
                 <div className="p-4 text-3xl font-bold border-b border-gray-700">
                     PhaseTracker
@@ -202,8 +206,6 @@ const TitleBar: React.FC<TitleBarProps> = ({
                     )}
                 </ul>
             </div>
-
-            {/* Content overlay when sidebar is open */}
             {isSidebarOpen && (
                 <div
                     className="fixed top-0 left-0 w-full h-full bg-black opacity-50 transition-opacity duration-500"
-- 
cgit v1.2.3

