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" />
)
) : (
<div className="h-full overflow-auto bg-secondary">
<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) => {
if (review.severity == "significant_motion") {
@ -690,6 +694,7 @@ function Timeline({
);
})}
</div>
</div>
)}
</div>
);