mirror of
https://github.com/jeffvli/feishin.git
synced 2026-05-09 20:29:36 +02:00
fix(server selector): better handling for large server/folder list
This commit is contained in:
@@ -34,7 +34,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.scroll-area {
|
.scroll-area {
|
||||||
max-height: 400px;
|
max-height: calc(100vh - 50px);
|
||||||
}
|
}
|
||||||
|
|
||||||
.server-logo {
|
.server-logo {
|
||||||
|
|||||||
@@ -69,7 +69,7 @@ export const ServerSelector = () => {
|
|||||||
: OpenSubsonicLogo;
|
: OpenSubsonicLogo;
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<DropdownMenu offset={0} position="top">
|
<DropdownMenu offset={0} position="right">
|
||||||
<DropdownMenu.Target>
|
<DropdownMenu.Target>
|
||||||
<div className={styles.popoverTarget}>
|
<div className={styles.popoverTarget}>
|
||||||
<Box
|
<Box
|
||||||
@@ -93,7 +93,7 @@ export const ServerSelector = () => {
|
|||||||
</div>
|
</div>
|
||||||
</DropdownMenu.Target>
|
</DropdownMenu.Target>
|
||||||
<DropdownMenu.Dropdown style={{ width: `${widthOfTarget}px` }}>
|
<DropdownMenu.Dropdown style={{ width: `${widthOfTarget}px` }}>
|
||||||
<ScrollArea style={{ maxHeight: 'calc(100vh - 200px)' }}>
|
<ScrollArea className={styles.scrollArea}>
|
||||||
<ServerSelectorItems />
|
<ServerSelectorItems />
|
||||||
</ScrollArea>
|
</ScrollArea>
|
||||||
</DropdownMenu.Dropdown>
|
</DropdownMenu.Dropdown>
|
||||||
|
|||||||
Reference in New Issue
Block a user