Don't force heights

This commit is contained in:
Nicolas Mowen 2024-02-07 09:29:13 -07:00
parent e086789859
commit 60ef4c2fd5

View File

@ -77,15 +77,15 @@ function Live() {
</ScrollArea> </ScrollArea>
)} )}
<div className="mt-4 grid grid-cols-3 gap-4"> <div className="mt-4 grid xl:grid-cols-2 3xl:grid-cols-3 gap-4">
{cameras.map((camera) => { {cameras.map((camera) => {
let grow; let grow;
if (camera.detect.width / camera.detect.height > 2) { if (camera.detect.width / camera.detect.height > 2) {
grow = "h-[424px] col-span-2"; grow = "md:col-span-2";
} else if (camera.detect.width / camera.detect.height < 1) { } else if (camera.detect.width / camera.detect.height < 1) {
grow = "h-[840px] row-span-2"; grow = "md:row-span-2";
} else { } else {
grow = "h-[425px]"; grow = "aspect-video";
} }
return ( return (
<LivePlayer <LivePlayer