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 mobile fitler page

Browse Source
This commit is contained in:
Nicolas Mowen 2024-10-15 16:42:44 -06:00
parent 00d16d8691
commit 8ce569d365
2 changed files with 22 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,4 +1,9 @@
import { MobilePage, MobilePageContent } from "@/components/mobile/MobilePage";
import {
MobilePage,
MobilePageContent,
MobilePageHeader,
MobilePageTitle,
} from "@/components/mobile/MobilePage";
import { Button } from "@/components/ui/button";
import { Drawer, DrawerContent, DrawerTrigger } from "@/components/ui/drawer";
import {
@ -64,12 +69,22 @@ export function PlatformAwareSheet({
}: PlatformAwareSheetProps) {
if (isMobile) {
return (
<MobilePage open={open} onOpenChange={onOpenChange}>
<Button asChild>{trigger}</Button>
<MobilePageContent className="max-h-[75dvh] overflow-hidden px-4">
{content}
</MobilePageContent>
</MobilePage>
<div>
<div onClick={() => onOpenChange(true)}>{trigger}</div>
<MobilePage open={open} onOpenChange={onOpenChange}>
<MobilePageContent className="h-full overflow-hidden">
<MobilePageHeader
className="mx-2"
onClose={() => onOpenChange(false)}
>
<MobilePageTitle>More Filters</MobilePageTitle>
</MobilePageHeader>
<div className="scrollbar-container h-full overflow-auto px-4 pb-20">
{content}
</div>
</MobilePageContent>
</MobilePage>
</div>
);
}

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

@ -48,8 +48,6 @@ export default function SearchFilterDialog({
// state
console.log(`the filter is ${JSON.stringify(currentFilter)}`);
const [open, setOpen] = useState(false);
const trigger = (