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

drawer padding

Browse Source
This commit is contained in:
Josh Hawkins 2024-09-14 07:04:00 -05:00
parent b72c956b43
commit dc3ac7a309
1 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
web/src/components/filter/SearchFilterGroup.tsx
View File

@ -5,7 +5,7 @@ import { FrigateConfig } from "@/types/frigateConfig";
import { useCallback, useEffect, useMemo, useState } from "react"; import { useCallback, useEffect, useMemo, useState } from "react";
import { DropdownMenuSeparator } from "../ui/dropdown-menu"; import { DropdownMenuSeparator } from "../ui/dropdown-menu";
import { getEndOfDayTimestamp } from "@/utils/dateUtil"; import { getEndOfDayTimestamp } from "@/utils/dateUtil";
import { isMobile } from "react-device-detect"; import { isDesktop, isMobile } from "react-device-detect";
import { Drawer, DrawerContent, DrawerTrigger } from "../ui/drawer"; import { Drawer, DrawerContent, DrawerTrigger } from "../ui/drawer";
import { Switch } from "../ui/switch"; import { Switch } from "../ui/switch";
import { Label } from "../ui/label"; import { Label } from "../ui/label";
@ -309,7 +309,7 @@ function GeneralFilterButton({
}} }}
> >
<DrawerTrigger asChild>{trigger}</DrawerTrigger> <DrawerTrigger asChild>{trigger}</DrawerTrigger>
<DrawerContent className="max-h-[75dvh] overflow-hidden"> <DrawerContent className="max-h-[75dvh] overflow-hidden p-4">
{content} {content}
</DrawerContent> </DrawerContent>
</Drawer> </Drawer>
@ -503,7 +503,7 @@ function ZoneFilterButton({
}} }}
> >
<DrawerTrigger asChild>{trigger}</DrawerTrigger> <DrawerTrigger asChild>{trigger}</DrawerTrigger>
<DrawerContent className="max-h-[75dvh] overflow-hidden"> <DrawerContent className="max-h-[75dvh] overflow-hidden p-4">
{content} {content}
</DrawerContent> </DrawerContent>
</Drawer> </Drawer>
@ -548,7 +548,7 @@ export function ZoneFilterContent({
<div className="scrollbar-container h-auto max-h-[80dvh] overflow-y-auto overflow-x-hidden"> <div className="scrollbar-container h-auto max-h-[80dvh] overflow-y-auto overflow-x-hidden">
{allZones && setCurrentZones && ( {allZones && setCurrentZones && (
<> <>
<DropdownMenuSeparator /> {isDesktop && <DropdownMenuSeparator />}
<div className="mb-5 mt-2.5 flex items-center justify-between"> <div className="mb-5 mt-2.5 flex items-center justify-between">
<Label <Label
className="mx-2 cursor-pointer text-primary" className="mx-2 cursor-pointer text-primary"
@ -599,7 +599,7 @@ export function ZoneFilterContent({
</> </>
)} )}
</div> </div>
<DropdownMenuSeparator /> {isDesktop && <DropdownMenuSeparator />}
<div className="flex items-center justify-evenly p-2"> <div className="flex items-center justify-evenly p-2">
<Button <Button
variant="select" variant="select"
@ -697,7 +697,7 @@ function SubFilterButton({
}} }}
> >
<DrawerTrigger asChild>{trigger}</DrawerTrigger> <DrawerTrigger asChild>{trigger}</DrawerTrigger>
<DrawerContent className="max-h-[75dvh] overflow-hidden"> <DrawerContent className="max-h-[75dvh] overflow-hidden p-4">
{content} {content}
</DrawerContent> </DrawerContent>
</Drawer> </Drawer>
@ -788,7 +788,7 @@ export function SubFilterContent({
))} ))}
</div> </div>
</div> </div>
<DropdownMenuSeparator /> {isDesktop && <DropdownMenuSeparator />}
<div className="flex items-center justify-evenly p-2"> <div className="flex items-center justify-evenly p-2">
<Button <Button
variant="select" variant="select"
@ -877,7 +877,7 @@ function SearchTypeButton({
}} }}
> >
<DrawerTrigger asChild>{trigger}</DrawerTrigger> <DrawerTrigger asChild>{trigger}</DrawerTrigger>
<DrawerContent className="max-h-[75dvh] overflow-hidden"> <DrawerContent className="max-h-[75dvh] overflow-hidden p-4">
{content} {content}
</DrawerContent> </DrawerContent>
</Drawer> </Drawer>
@ -956,7 +956,7 @@ export function SearchTypeContent({
}} }}
/> />
</div> </div>
<DropdownMenuSeparator /> {isDesktop && <DropdownMenuSeparator />}
<div className="flex items-center justify-evenly p-2"> <div className="flex items-center justify-evenly p-2">
<Button <Button
variant="select" variant="select"