Fix complicated aspect logic

This commit is contained in:
Nicolas Mowen 2024-02-08 12:38:52 -07:00
parent 4ee539592b
commit 44a53fb389
2 changed files with 2 additions and 4 deletions

View File

@ -88,9 +88,7 @@ export default function CameraImage({
return ( return (
<div <div
className={`relative w-full ${ className={`relative w-full h-full flex justify-center ${className}`}
fitAspect && aspectRatio < fitAspect ? "h-full flex justify-center" : ""
} ${className}`}
ref={containerRef} ref={containerRef}
> >
{enabled ? ( {enabled ? (

View File

@ -70,7 +70,7 @@ function Live() {
</div> </div>
<ScrollBar orientation="horizontal" /> <ScrollBar orientation="horizontal" />
</ScrollArea> </ScrollArea>
)} )}``
<div className="mt-4 md:grid md:grid-cols-2 xl:grid-cols-3 3xl:grid-cols-4 gap-4"> <div className="mt-4 md:grid md:grid-cols-2 xl:grid-cols-3 3xl:grid-cols-4 gap-4">
{cameras.map((camera) => { {cameras.map((camera) => {