birdseye first in select list and fix jsmpeg player size

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

View File

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

View File

@ -34,7 +34,7 @@ export default function BirdseyeLivePlayer({
} else if (liveMode == "jsmpeg") {
player = (
<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"
width={birdseyeConfig.width}
height={birdseyeConfig.height}
@ -48,7 +48,7 @@ export default function BirdseyeLivePlayer({
<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 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>
);
}