Skip to content

Commit 7f99cf1

Browse files
authored
fix: make sidebar scrollable when window height is limited (#19)
Add overflow-y-auto to sidebar and flex-shrink-0 to fixed sections (logo, bottom nav, attribution) so users can scroll to access all navigation items on small screens.
1 parent 8346e79 commit 7f99cf1

1 file changed

Lines changed: 4 additions & 4 deletions

File tree

src/renderer/src/components/layout/Sidebar.tsx

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -70,9 +70,9 @@ export function Sidebar() {
7070
]
7171

7272
return (
73-
<aside className="flex flex-col w-[88px] bg-gradient-to-b from-sidebar-background to-sidebar-background/95 border-r border-sidebar-border">
73+
<aside className="flex flex-col w-[88px] bg-gradient-to-b from-sidebar-background to-sidebar-background/95 border-r border-sidebar-border overflow-y-auto">
7474
{/* OpNotes Logo */}
75-
<div className="flex flex-col items-center justify-center gap-1 py-3 border-b border-sidebar-border">
75+
<div className="flex-shrink-0 flex flex-col items-center justify-center gap-1 py-3 border-b border-sidebar-border">
7676
<img
7777
src={opNotesLogo}
7878
alt="OpNotes"
@@ -106,7 +106,7 @@ export function Sidebar() {
106106
</nav>
107107

108108
{/* Bottom section */}
109-
<div className="flex flex-col items-center py-4 px-2 border-t border-sidebar-border gap-1">
109+
<div className="flex-shrink-0 flex flex-col items-center py-4 px-2 border-t border-sidebar-border gap-1">
110110
<NavItem
111111
to="/support"
112112
icon={<HeartHandshake className="h-5 w-5" />}
@@ -126,7 +126,7 @@ export function Sidebar() {
126126
href="https://wavezync.com"
127127
target="_blank"
128128
rel="noreferrer"
129-
className="group flex flex-col items-center gap-1 py-3 px-2 border-t border-sidebar-border/50 transition-all duration-300 hover:bg-sidebar-accent/30"
129+
className="flex-shrink-0 group flex flex-col items-center gap-1 py-3 px-2 border-t border-sidebar-border/50 transition-all duration-300 hover:bg-sidebar-accent/30"
130130
>
131131
<img
132132
src={wavezyncLogo}

0 commit comments

Comments
 (0)