This commit is contained in:
StephDietz 2023-07-11 15:41:37 -05:00
parent 99e8b00961
commit 5da9b4785b
2 changed files with 4 additions and 4 deletions

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 overflow-hidden pb-6"> <div className="relative w-full pb-6 overflow-hidden">
<div className="flex animate-carousel space-x-4"> <div className="flex space-x-4 animate-carousel">
{[...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="h-full object-contain" className="object-contain h-full"
fill fill
sizes="33vw" sizes="33vw"
src={product.featuredImage.url} src={product.featuredImage.url}

View File

@ -29,7 +29,7 @@ export function GridTileImage({
)} )}
> >
{active !== undefined && active ? ( {active !== undefined && active ? (
<span className="absolute h-full w-full bg-white opacity-25"></span> <span className="absolute w-full h-full bg-white opacity-25"></span>
) : null} ) : null}
{props.src ? ( {props.src ? (
<Image <Image