fix: add scroll area to server selector dropdown in sidebar

This commit is contained in:
Kendall Garner
2026-01-07 20:51:04 -08:00
parent c2de979527
commit 93a5bafc38
2 changed files with 7 additions and 2 deletions
@@ -147,7 +147,9 @@ export const CollapsedSidebar = () => {
/> />
</DropdownMenu.Target> </DropdownMenu.Target>
<DropdownMenu.Dropdown> <DropdownMenu.Dropdown>
<ServerSelectorItems /> <ScrollArea style={{ maxHeight: '95vh' }}>
<ServerSelectorItems />
</ScrollArea>
</DropdownMenu.Dropdown> </DropdownMenu.Dropdown>
</DropdownMenu> </DropdownMenu>
)} )}
@@ -16,6 +16,7 @@ import { Box } from '/@/shared/components/box/box';
import { DropdownMenu } from '/@/shared/components/dropdown-menu/dropdown-menu'; import { DropdownMenu } from '/@/shared/components/dropdown-menu/dropdown-menu';
import { Group } from '/@/shared/components/group/group'; import { Group } from '/@/shared/components/group/group';
import { Icon } from '/@/shared/components/icon/icon'; import { Icon } from '/@/shared/components/icon/icon';
import { ScrollArea } from '/@/shared/components/scroll-area/scroll-area';
import { Stack } from '/@/shared/components/stack/stack'; import { Stack } from '/@/shared/components/stack/stack';
import { Text } from '/@/shared/components/text/text'; import { Text } from '/@/shared/components/text/text';
import { ServerType } from '/@/shared/types/domain-types'; import { ServerType } from '/@/shared/types/domain-types';
@@ -94,7 +95,9 @@ export const ServerSelector = () => {
</div> </div>
</DropdownMenu.Target> </DropdownMenu.Target>
<DropdownMenu.Dropdown style={{ width: `${widthOfTarget}px` }}> <DropdownMenu.Dropdown style={{ width: `${widthOfTarget}px` }}>
<ServerSelectorItems /> <ScrollArea style={{ maxHeight: 'calc(100vh - 200px)' }}>
<ServerSelectorItems />
</ScrollArea>
</DropdownMenu.Dropdown> </DropdownMenu.Dropdown>
</DropdownMenu> </DropdownMenu>
); );