mirror of
https://github.com/Studio-Saelix/sencho.git
synced 2026-08-08 18:05:10 +00:00
fix(ui): settings modal sidebar nav clipped on smaller viewports (#280)
Add min-h-0 to sidebar container and flex-1 overflow-y-auto to the nav element so the settings navigation scrolls when items exceed the available height. Support and About were previously unreachable.
This commit is contained in:
@@ -301,14 +301,14 @@ export function SettingsModal({ isOpen, onClose }: SettingsModalProps) {
|
||||
<VisuallyHidden><DialogDescription>Configure Sencho settings</DialogDescription></VisuallyHidden>
|
||||
|
||||
{/* Sidebar */}
|
||||
<div className="w-[200px] bg-glass border-r border-glass-border flex flex-col p-4 shrink-0">
|
||||
<div className="w-[200px] bg-glass border-r border-glass-border flex flex-col p-4 shrink-0 min-h-0">
|
||||
<div className="font-medium text-lg mb-1 text-foreground tracking-tight">Settings Hub</div>
|
||||
{isRemote ? (
|
||||
<div className="text-xs text-muted-foreground mb-5 truncate">{activeNode!.name}</div>
|
||||
) : (
|
||||
<div className="mb-5" />
|
||||
)}
|
||||
<nav className="space-y-1.5 flex flex-col">
|
||||
<nav className="space-y-1.5 flex flex-col flex-1 overflow-y-auto">
|
||||
{/* Account / License */}
|
||||
{!isRemote && (
|
||||
<NavButton section="account" icon={<Shield className="w-4 h-4 mr-2" />} label="Account" />
|
||||
|
||||
Reference in New Issue
Block a user