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

prettier

Browse Source
This commit is contained in:
StephDietz 2023-07-11 09:35:01 -05:00
parent b2a3011ef1
commit 363380439b
3 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/product/[handle]/page.tsx
View File

@ -98,9 +98,9 @@ export default async function ProductPage({ params }: { params: { handle: string
</div> </div>
<div className="p-6 lg:col-span-2"> <div className="p-6 lg:col-span-2">
<div className="flex flex-col pb-6 mb-6 border-b dark:border-gray-700"> <div className="mb-6 flex flex-col border-b pb-6 dark:border-gray-700">
<h1 className="mb-2 text-5xl font-medium">{product.title}</h1> <h1 className="mb-2 text-5xl font-medium">{product.title}</h1>
<div className="w-auto p-2 mr-auto text-sm text-white bg-blue-600 rounded-full"> <div className="mr-auto w-auto rounded-full bg-blue-600 p-2 text-sm text-white">
<Price <Price
amount={product.priceRange.maxVariantPrice.amount} amount={product.priceRange.maxVariantPrice.amount}
currencyCode={product.priceRange.maxVariantPrice.currencyCode} currencyCode={product.priceRange.maxVariantPrice.currencyCode}

4
components/product/gallery.tsx
View File

@ -51,7 +51,7 @@ export function Gallery({
)} )}
{images.length > 1 ? ( {images.length > 1 ? (
<div className="absolute flex flex-row h-12 text-white border border-white shadow-xl bottom-10 right-10 dark:border-black dark:text-black"> <div className="absolute bottom-10 right-10 flex h-12 flex-row border border-white text-white shadow-xl dark:border-black dark:text-black">
<button <button
aria-label="Previous product image" aria-label="Previous product image"
className={clsx(buttonClassName, 'border-r border-white dark:border-black')} className={clsx(buttonClassName, 'border-r border-white dark:border-black')}
@ -78,7 +78,7 @@ export function Gallery({
<button <button
aria-label="Enlarge product image" aria-label="Enlarge product image"
key={image.src} key={image.src}
className="w-1/4 h-full" className="h-full w-1/4"
onClick={() => setCurrentImage(index)} onClick={() => setCurrentImage(index)}
> >
<GridTileImage <GridTileImage

2
components/product/variant-selector.tsx
View File

@ -85,7 +85,7 @@ export function VariantSelector({
return options.map((option) => ( return options.map((option) => (
<dl className="mb-8" key={option.id}> <dl className="mb-8" key={option.id}>
<dt className="mb-4 text-sm tracking-wide uppercase">{option.name}</dt> <dt className="mb-4 text-sm uppercase tracking-wide">{option.name}</dt>
<dd className="flex flex-wrap gap-3"> <dd className="flex flex-wrap gap-3">
{option.values.map((value) => { {option.values.map((value) => {
// Base option params on selected variant params. // Base option params on selected variant params.