Mirrors/blakeblackshear.frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2025-10-27 10:52:11 +01:00
Code Issues Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Josh Hawkins 2024-08-04 08:06:11 -05:00 committed by Nicolas Mowen
parent da0f63f095
commit 7db6ed9ad5
1 changed files with 11 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
web/src/components/menu/GeneralSettings.tsx
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">