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

spacing

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

10
web/src/components/filter/CamerasFilterButton.tsx
View File

@ -90,7 +90,7 @@ export function CamerasFilterButton({
<DropdownMenuSeparator /> <DropdownMenuSeparator />
</> </>
)} )}
<div className="scrollbar-container h-auto max-h-[80dvh] overflow-y-auto overflow-x-hidden p-4"> <div className="scrollbar-container flex h-auto max-h-[80dvh] flex-col gap-2 overflow-y-auto overflow-x-hidden p-4">
<FilterSwitch <FilterSwitch
isChecked={allCamerasSelected} isChecked={allCamerasSelected}
label="All Cameras" label="All Cameras"
@ -106,12 +106,12 @@ export function CamerasFilterButton({
/> />
{groups.length > 0 && ( {groups.length > 0 && (
<> <>
<DropdownMenuSeparator className="mt-2" /> <DropdownMenuSeparator />
{groups.map(([name, conf]) => { {groups.map(([name, conf]) => {
return ( return (
<div <div
key={name} key={name}
className="w-full cursor-pointer rounded-lg px-2 py-1.5 text-sm capitalize text-primary hover:bg-muted" className="w-full cursor-pointer rounded-lg px-2 py-0.5 text-sm capitalize text-primary hover:bg-muted"
onClick={() => setCurrentCameras([...conf.cameras])} onClick={() => setCurrentCameras([...conf.cameras])}
> >
{name} {name}
@ -120,7 +120,7 @@ export function CamerasFilterButton({
})} })}
</> </>
)} )}
<DropdownMenuSeparator className="my-2" /> <DropdownMenuSeparator />
<div className="flex flex-col gap-2.5"> <div className="flex flex-col gap-2.5">
{allCameras.map((item) => ( {allCameras.map((item) => (
<FilterSwitch <FilterSwitch
@ -158,7 +158,7 @@ export function CamerasFilterButton({
))} ))}
</div> </div>
</div> </div>
<DropdownMenuSeparator className="my-2" /> <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"