This commit is contained in:
StephDietz 2023-07-12 10:36:14 -05:00
parent 0db6e599c9
commit 0b14ba4286

View File

@ -10,8 +10,8 @@ export async function Carousel() {
if (!products?.length) return null;
return (
<div className="relative w-full pb-6 overflow-hidden">
<div className="flex space-x-4 animate-carousel">
<div className="relative w-full overflow-hidden pb-6">
<div className="flex animate-carousel space-x-4">
{[...products, ...products].map((product, i) => (
<Link
key={`${product.handle}${i}`}
@ -21,7 +21,7 @@ export async function Carousel() {
{product.featuredImage ? (
<Image
alt={product.title}
className="object-contain h-full"
className="h-full object-contain"
fill
sizes="33vw"
src={product.featuredImage.url}