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

Set aspect ratios on live display (#9780)

Browse Source 
* set aspect ratios on live display

* try 8/9
This commit is contained in:
Josh Hawkins
2024-02-10 10:28:23 -06:00
committed by GitHub
parent 44d8cdbba1
commit 2d22800a3d
2 changed files with 7 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
web/src/pages/Live.tsx
View File

@@ -78,10 +78,11 @@ function Live() {
<div className="mt-4 md:grid md:grid-cols-2 xl:grid-cols-3 3xl:grid-cols-4 gap-4">
{cameras.map((camera) => {
let grow;
if (camera.detect.width / camera.detect.height > 2) {
grow = "aspect-wide md:col-span-2";
} else if (camera.detect.width / camera.detect.height < 1) {
grow = "aspect-tall md:aspect-auto md:row-span-2";
let aspectRatio = camera.detect.width / camera.detect.height;
if (aspectRatio > 2) {
grow = "md:col-span-2 aspect-wide";
} else if (aspectRatio < 1) {
grow = `md:row-span-2 aspect-[8/9]`;
} else {
grow = "aspect-video";
}