chris/frigate
1
0
Fork 0
forked from Github/frigate
Code Pull Requests Packages Activity

UI tweaks and bugfixes (#11692)

Browse Source 
* UI tweaks and bugfixes

* fix linter complaints in unmodified files
This commit is contained in:
Josh Hawkins
2024-06-02 12:00:59 -05:00
committed by GitHub
parent 7031c47fb2
commit 1e80342c41
7 changed files with 51 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
web/src/views/live/LiveDashboardView.tsx
View File

@@ -243,9 +243,17 @@ export default function LiveDashboardView({
>
{includeBirdseye && birdseyeConfig?.enabled && (
<div
style={{
aspectRatio: birdseyeConfig.width / birdseyeConfig.height,
}}
className={(() => {
const aspectRatio =
birdseyeConfig.width / birdseyeConfig.height;
if (aspectRatio > 2) {
return `${mobileLayout == "grid" && "col-span-2"} aspect-wide`;
} else if (aspectRatio < 1) {
return `${mobileLayout == "grid" && "row-span-2 md:h-full"} aspect-tall`;
} else {
return "aspect-video";
}
})()}
ref={birdseyeContainerRef}
>
<BirdseyeLivePlayer
@@ -260,9 +268,9 @@ export default function LiveDashboardView({
let grow;
const aspectRatio = camera.detect.width / camera.detect.height;
if (aspectRatio > 2) {
grow = `${mobileLayout == "grid" ? "col-span-2" : ""} aspect-wide`;
grow = `${mobileLayout == "grid" && "col-span-2"} aspect-wide`;
} else if (aspectRatio < 1) {
grow = `${mobileLayout == "grid" ? "row-span-2 aspect-tall md:h-full" : ""} aspect-tall`;
grow = `${mobileLayout == "grid" && "row-span-2 md:h-full"} aspect-tall`;
} else {
grow = "aspect-video";
}