diff options
| author | Pinapelz <yukais@pinapelz.com> | 2024-11-03 23:14:24 -0800 |
|---|---|---|
| committer | Pinapelz <yukais@pinapelz.com> | 2024-11-03 23:14:24 -0800 |
| commit | a4289ad223fe2f06d3c8a2bcd49dd50ce90ecece (patch) | |
| tree | bdbeb499e16fe26d42539a426466d67200f4fbca /src/components/TitleBar/TitleBar.tsx | |
| parent | 221cb6fba838ac287860c660a4c3f94a7fe47e77 (diff) | |
fix: make sidebar scrollable if list grows too long
Diffstat (limited to 'src/components/TitleBar/TitleBar.tsx')
| -rw-r--r-- | src/components/TitleBar/TitleBar.tsx | 8 |
1 files changed, 5 insertions, 3 deletions
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" |