administrator/frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2026-02-15 15:45:27 +03:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

Fix scroll

Browse Source
This commit is contained in:
Nicolas Mowen 2024-10-15 17:32:09 -06:00
parent eff4e66159
commit a1abaed9b3
2 changed files with 7 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
web/src/components/overlay/dialog/PlatformAwareDialog.tsx
View File

@ -78,9 +78,7 @@ export function PlatformAwareSheet({
> >
<MobilePageTitle>More Filters</MobilePageTitle> <MobilePageTitle>More Filters</MobilePageTitle>
</MobilePageHeader> </MobilePageHeader>
<div className="scrollbar-container h-full overflow-auto px-4 pb-20"> <div className={contentClassName}>{content}</div>
{content}
</div>
</MobilePageContent> </MobilePageContent>
</MobilePage> </MobilePage>
</div> </div>

8
web/src/components/overlay/dialog/SearchFilterDialog.tsx
View File

@ -16,13 +16,14 @@ import {
PopoverContent, PopoverContent,
PopoverTrigger, PopoverTrigger,
} from "@/components/ui/popover"; } from "@/components/ui/popover";
import { isDesktop } from "react-device-detect"; import { isDesktop, isMobile, isMobileOnly } from "react-device-detect";
import { useFormattedHour } from "@/hooks/use-date-utils"; import { useFormattedHour } from "@/hooks/use-date-utils";
import Heading from "@/components/ui/heading"; import Heading from "@/components/ui/heading";
import FilterSwitch from "@/components/filter/FilterSwitch"; import FilterSwitch from "@/components/filter/FilterSwitch";
import { Switch } from "@/components/ui/switch"; import { Switch } from "@/components/ui/switch";
import { Label } from "@/components/ui/label"; import { Label } from "@/components/ui/label";
import { DropdownMenuSeparator } from "@/components/ui/dropdown-menu"; import { DropdownMenuSeparator } from "@/components/ui/dropdown-menu";
import { cn } from "@/lib/utils";
type SearchFilterDialogProps = { type SearchFilterDialogProps = {
config?: FrigateConfig; config?: FrigateConfig;
@ -116,7 +117,10 @@ export default function SearchFilterDialog({
<PlatformAwareSheet <PlatformAwareSheet
trigger={trigger} trigger={trigger}
content={content} content={content}
contentClassName="w-auto lg:w-[300px]" contentClassName={cn(
"w-auto lg:w-[300px] scrollbar-container h-full overflow-auto px-4",
isMobileOnly && "pb-20",
)}
open={open} open={open}
onOpenChange={(open) => { onOpenChange={(open) => {
if (!open) { if (!open) {