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