Fix lints

This commit is contained in:
Michael Novotny 2023-08-02 20:22:08 -05:00
parent 3a29093e4e
commit 3811fb3807
No known key found for this signature in database
2 changed files with 10 additions and 12 deletions

View File

@ -117,12 +117,11 @@ async function RelatedProducts({ id }: { id: string }) {
<h2 className="mb-4 text-2xl font-bold">Related Products</h2>
<ul className="flex w-full gap-4 overflow-x-auto pt-1">
{relatedProducts.map((product) => (
<li className="aspect-square w-full flex-none min-[475px]:w-1/2 sm:w-1/3 md:w-1/4 lg:w-1/5">
<Link
key={product.handle}
className="relative h-full w-full"
href={`/product/${product.handle}`}
>
<li
key={product.handle}
className="aspect-square w-full flex-none min-[475px]:w-1/2 sm:w-1/3 md:w-1/4 lg:w-1/5"
>
<Link className="relative h-full w-full" href={`/product/${product.handle}`}>
<GridTileImage
alt={product.title}
label={{

View File

@ -12,12 +12,11 @@ export async function Carousel() {
<div className=" w-full overflow-x-auto pb-6 pt-1">
<ul className="flex animate-carousel gap-4">
{[...products, ...products].map((product, i) => (
<li className="relative aspect-square h-[30vh] max-h-[275px] w-2/3 max-w-[475px] flex-none md:w-1/3">
<Link
key={`${product.handle}${i}`}
href={`/product/${product.handle}`}
className="relative h-full w-full"
>
<li
key={`${product.handle}${i}`}
className="relative aspect-square h-[30vh] max-h-[275px] w-2/3 max-w-[475px] flex-none md:w-1/3"
>
<Link href={`/product/${product.handle}`} className="relative h-full w-full">
<GridTileImage
alt={product.title}
label={{