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>
</MobilePageHeader>
<div className="scrollbar-container h-full overflow-auto px-4 pb-20">
{content}
</div>
<div className={contentClassName}>{content}</div>
</MobilePageContent>
</MobilePage>
</div>

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

@ -16,13 +16,14 @@ import {
PopoverContent,
PopoverTrigger,
} 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 Heading from "@/components/ui/heading";
import FilterSwitch from "@/components/filter/FilterSwitch";
import { Switch } from "@/components/ui/switch";
import { Label } from "@/components/ui/label";
import { DropdownMenuSeparator } from "@/components/ui/dropdown-menu";
import { cn } from "@/lib/utils";
type SearchFilterDialogProps = {
config?: FrigateConfig;
@ -116,7 +117,10 @@ export default function SearchFilterDialog({
<PlatformAwareSheet
trigger={trigger}
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}
onOpenChange={(open) => {
if (!open) {