Use radix css var to limit desktop menu height (#12743)

This commit is contained in:
Josh Hawkins 2024-08-04 08:06:11 -05:00 committed by Nicolas Mowen
parent da0f63f095
commit 7db6ed9ad5

View File

@ -139,8 +139,18 @@ export default function GeneralSettings({ className }: GeneralSettingsProps) {
</Tooltip> </Tooltip>
</Trigger> </Trigger>
<Content <Content
style={
isDesktop
? {
maxHeight:
"var(--radix-dropdown-menu-content-available-height)",
}
: {}
}
className={ className={
isDesktop ? "mr-5 w-72" : "max-h-[75dvh] overflow-hidden p-2" isDesktop
? "scrollbar-container mr-5 w-72 overflow-y-auto"
: "max-h-[75dvh] overflow-hidden p-2"
} }
> >
<div className="scrollbar-container w-full flex-col overflow-y-auto overflow-x-hidden"> <div className="scrollbar-container w-full flex-col overflow-y-auto overflow-x-hidden">