mirror of
https://github.com/vercel/commerce.git
synced 2025-05-16 06:26:58 +00:00
prettier
This commit is contained in:
parent
c34c436abe
commit
9a6aa18806
@ -33,12 +33,12 @@ const Label = ({
|
|||||||
>
|
>
|
||||||
<h3
|
<h3
|
||||||
data-testid="product-name"
|
data-testid="product-name"
|
||||||
className="inline pl-2 mr-6 font-semibold leading-none tracking-tight"
|
className="mr-6 inline pl-2 font-semibold leading-none tracking-tight"
|
||||||
>
|
>
|
||||||
{title}
|
{title}
|
||||||
</h3>
|
</h3>
|
||||||
<Price
|
<Price
|
||||||
className="flex-none p-2 font-semibold text-white bg-blue-600 rounded-full"
|
className="flex-none rounded-full bg-blue-600 p-2 font-semibold text-white"
|
||||||
amount={amount}
|
amount={amount}
|
||||||
currencyCode={currencyCode}
|
currencyCode={currencyCode}
|
||||||
/>
|
/>
|
||||||
|
@ -25,7 +25,7 @@ export function Gallery({ images }: { images: { src: string; altText: string }[]
|
|||||||
<div className="relative mb-12 h-full max-h-[550px] overflow-hidden">
|
<div className="relative mb-12 h-full max-h-[550px] overflow-hidden">
|
||||||
{images[currentImage] && (
|
{images[currentImage] && (
|
||||||
<Image
|
<Image
|
||||||
className="relative object-contain w-full h-full"
|
className="relative h-full w-full object-contain"
|
||||||
height={600}
|
height={600}
|
||||||
width={600}
|
width={600}
|
||||||
alt={images[currentImage]?.altText as string}
|
alt={images[currentImage]?.altText as string}
|
||||||
@ -35,7 +35,7 @@ export function Gallery({ images }: { images: { src: string; altText: string }[]
|
|||||||
|
|
||||||
{images.length > 1 ? (
|
{images.length > 1 ? (
|
||||||
<div className="absolute bottom-[15%] flex w-full justify-center">
|
<div className="absolute bottom-[15%] flex w-full justify-center">
|
||||||
<div className="flex items-center mx-auto text-gray-500 border border-white rounded-full h-11 bg-light/80 backdrop-blur dark:border-black dark:bg-dark/80">
|
<div className="mx-auto flex h-11 items-center rounded-full border border-white bg-light/80 text-gray-500 backdrop-blur dark:border-black dark:bg-dark/80">
|
||||||
<button
|
<button
|
||||||
aria-label="Previous product image"
|
aria-label="Previous product image"
|
||||||
onClick={() => handleNavigate('previous')}
|
onClick={() => handleNavigate('previous')}
|
||||||
@ -43,7 +43,7 @@ export function Gallery({ images }: { images: { src: string; altText: string }[]
|
|||||||
>
|
>
|
||||||
<ArrowLeftIcon className="h-5" />
|
<ArrowLeftIcon className="h-5" />
|
||||||
</button>
|
</button>
|
||||||
<div className="w-px h-6 mx-1 bg-gray-500"></div>
|
<div className="mx-1 h-6 w-px bg-gray-500"></div>
|
||||||
<button
|
<button
|
||||||
aria-label="Next product image"
|
aria-label="Next product image"
|
||||||
onClick={() => handleNavigate('next')}
|
onClick={() => handleNavigate('next')}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user