Fix stretching of event cards

This commit is contained in:
Nicolas Mowen 2024-06-04 06:48:32 -06:00
parent 95385c8aa7
commit 2a0a8a5e85

View File

@ -668,8 +668,12 @@ function Timeline({
<Skeleton className="size-full" /> <Skeleton className="size-full" />
) )
) : ( ) : (
<div className="h-full overflow-auto bg-secondary">
<div <div
className={`grid h-full grid-cols-1 gap-4 overflow-auto bg-secondary p-4 ${isDesktop ? "" : "sm:grid-cols-2"}`} className={cn(
"grid h-auto grid-cols-1 gap-4 overflow-auto p-4",
isMobile && "sm:grid-cols-2",
)}
> >
{mainCameraReviewItems.map((review) => { {mainCameraReviewItems.map((review) => {
if (review.severity == "significant_motion") { if (review.severity == "significant_motion") {
@ -690,6 +694,7 @@ function Timeline({
); );
})} })}
</div> </div>
</div>
)} )}
</div> </div>
); );