crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-07-22 20:26:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(poc): changes for new design

Browse Source
This commit is contained in:
Björn Meyer
2023-07-27 17:14:18 +02:00
parent 82c0fb8813
commit 5ad4654c55
13 changed files with 106 additions and 124 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
components/product/gallery.tsx
View File

@@ -21,7 +21,7 @@ export function Gallery({ images }: { images: { src: string; altText: string }[]
return (
<div className="mr-8 h-full">
<div className="relative mb-12 h-full max-h-[550px] overflow-hidden">
<div className="relative mb-12 h-full max-h-[550px] min-h-[550px] overflow-hidden">
{images[currentImageIndex] && (
<Image
className="relative h-full w-full object-contain"

14
components/product/product-description.tsx
View File

@@ -18,18 +18,18 @@ export function ProductDescription({ product }: { product: Product }) {
</div>
<VariantSelector options={product.options} variants={product.variants} />
{product.descriptionHtml ? (
<Prose
className="mb-6 text-sm leading-tight dark:text-white/[60%]"
html={product.descriptionHtml}
/>
) : null}
<AddToCart
product={product}
variants={product.variants}
availableForSale={product.availableForSale}
/>
{product.descriptionHtml ? (
<Prose
className="m-6 max-h-96 overflow-y-auto text-sm leading-tight dark:text-white/[60%]"
html={product.descriptionHtml}
/>
) : null}
</>
);
}