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.Dropdown>
<ServerSelectorItems />
<ScrollArea style={{ maxHeight: '95vh' }}>
<ServerSelectorItems />
</ScrollArea>
</DropdownMenu.Dropdown>
</DropdownMenu>
)}
@@ -16,6 +16,7 @@ import { Box } from '/@/shared/components/box/box';
import { DropdownMenu } from '/@/shared/components/dropdown-menu/dropdown-menu';
import { Group } from '/@/shared/components/group/group';
import { Icon } from '/@/shared/components/icon/icon';
import { ScrollArea } from '/@/shared/components/scroll-area/scroll-area';
import { Stack } from '/@/shared/components/stack/stack';
import { Text } from '/@/shared/components/text/text';
import { ServerType } from '/@/shared/types/domain-types';
@@ -94,7 +95,9 @@ export const ServerSelector = () => {
</div>
</DropdownMenu.Target>
<DropdownMenu.Dropdown style={{ width: `${widthOfTarget}px` }}>
<ServerSelectorItems />
<ScrollArea style={{ maxHeight: 'calc(100vh - 200px)' }}>
<ServerSelectorItems />
</ScrollArea>
</DropdownMenu.Dropdown>
</DropdownMenu>
);