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

birdseye first in select list and fix jsmpeg player size

Browse Source
This commit is contained in:
Josh Hawkins 2024-03-12 14:43:49 -05:00
parent 57326324cd
commit 4d233fa782
2 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/src/components/filter/CameraGroupSelector.tsx
View File

@ -301,8 +301,8 @@ function NewGroupDialog({ open, setOpen, currentGroups }: NewGroupDialogProps) {
</DropdownMenuTrigger> </DropdownMenuTrigger>
<DropdownMenuContent> <DropdownMenuContent>
{[ {[
...Object.keys(config?.cameras ?? {}),
...(birdseyeConfig?.enabled ? ["birdseye"] : []), ...(birdseyeConfig?.enabled ? ["birdseye"] : []),
...Object.keys(config?.cameras ?? {}),
].map((camera) => ( ].map((camera) => (
<FilterCheckBox <FilterCheckBox
key={camera} key={camera}

4
web/src/components/player/BirdseyeLivePlayer.tsx
View File

@ -34,7 +34,7 @@ export default function BirdseyeLivePlayer({
} else if (liveMode == "jsmpeg") { } else if (liveMode == "jsmpeg") {
player = ( player = (
<JSMpegPlayer <JSMpegPlayer
className={`w-full max-w-[${birdseyeConfig.width}px] flex justify-center rounded-2xl overflow-hidden`} className="size-full flex justify-center rounded-2xl overflow-hidden"
camera="birdseye" camera="birdseye"
width={birdseyeConfig.width} width={birdseyeConfig.width}
height={birdseyeConfig.height} height={birdseyeConfig.height}
@ -48,7 +48,7 @@ export default function BirdseyeLivePlayer({
<div className={`relative flex justify-center w-full cursor-pointer`}> <div className={`relative flex justify-center w-full cursor-pointer`}>
<div className="absolute top-0 inset-x-0 rounded-2xl z-10 w-full h-[30%] bg-gradient-to-b from-black/20 to-transparent pointer-events-none"></div> <div className="absolute top-0 inset-x-0 rounded-2xl z-10 w-full h-[30%] bg-gradient-to-b from-black/20 to-transparent pointer-events-none"></div>
<div className="absolute bottom-0 inset-x-0 rounded-2xl z-10 w-full h-[10%] bg-gradient-to-t from-black/20 to-transparent pointer-events-none"></div> <div className="absolute bottom-0 inset-x-0 rounded-2xl z-10 w-full h-[10%] bg-gradient-to-t from-black/20 to-transparent pointer-events-none"></div>
<div className="">{player}</div> <div className="size-full">{player}</div>
</div> </div>
); );
} }