crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-05-16 06:26:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

Adds back carousel animation

Browse Source
This commit is contained in:
Michael Novotny 2023-07-15 11:17:44 -05:00
parent 1381783490
commit e21297ceb9
No known key found for this signature in database
1 changed files with 23 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
components/carousel.tsx
View File

@ -9,7 +9,8 @@ export async function Carousel() {
if (!products?.length) return null; if (!products?.length) return null;
return ( return (
<div className="flex w-full gap-4 overflow-x-auto pb-6 pt-1"> <div className=" w-full overflow-x-auto pb-6 pt-1">
<div className="flex animate-carousel gap-4">
{[...products, ...products].map((product, i) => ( {[...products, ...products].map((product, i) => (
<Link <Link
key={`${product.handle}${i}`} key={`${product.handle}${i}`}
@ -31,5 +32,6 @@ export async function Carousel() {
</Link> </Link>
))} ))}
</div> </div>
</div>
); );
} }