[project-base] fixed product detail code and brand (#3596)

shopsys · Nov 19, 2024 · 16cc016 · 16cc016
2 parents f1f3fad + 7beedb0
commit 16cc016
Show file tree

Hide file tree

Showing 5 changed files with 5 additions and 5 deletions.
diff --git a/storefront/components/Pages/ProductDetail/ProductDetailContent.tsx b/storefront/components/Pages/ProductDetail/ProductDetailContent.tsx
@@ -54,18 +54,18 @@ export const ProductDetailContent: FC<ProductDetailContentProps> = ({ product, i
                     />
 
                     <div className="flex w-full flex-1 flex-col gap-4">
-                        <div className="flex flex-col gap-1">
+                        <div className="flex flex-col">
                             {product.namePrefix && <ProductDetailPrefix>{product.namePrefix}</ProductDetailPrefix>}
 
                             <ProductDetailHeading>
                                 {product.name} {product.nameSuffix}
                             </ProductDetailHeading>
 
-                            <div className="flex gap-4 text-[13px]">
+                            <div className="flex items-center gap-5 text-sm">
                                 {product.brand && (
                                     <div>
                                         <span>{t('Brand')}: </span>
-                                        <ExtendedNextLink href={product.brand.slug} type="brand">
+                                        <ExtendedNextLink className="text-sm" href={product.brand.slug} type="brand">
                                             {product.brand.name}
                                         </ExtendedNextLink>
                                     </div>

diff --git a/storefront/components/Pages/ProductDetail/ProductDetailElements.tsx b/storefront/components/Pages/ProductDetail/ProductDetailElements.tsx
@@ -1,5 +1,5 @@
 export const ProductDetailPrefix: FC = ({ children }) => (
-    <div className="font-secondary text-textDisabled">{children}</div>
+    <div className="mb-1 font-secondary text-textDisabled">{children}</div>
 );
 
 export const ProductDetailHeading: FC = ({ children }) => <h1>{children}</h1>;
diff --git a/storefront/components/Pages/ProductDetail/ProductDetailMainVariantContent.tsx b/storefront/components/Pages/ProductDetail/ProductDetailMainVariantContent.tsx
@@ -63,7 +63,7 @@ export const ProductDetailMainVariantContent: FC<ProductDetailMainVariantContent
                         {product.name} {product.nameSuffix}
                     </ProductDetailHeading>
 
-                    <div>
+                    <div className="text-sm">
                         {t('Code')}: {product.catalogNumber}
                     </div>
                 </div>

diff --git a/...uct Detail Add] (add to cart popup) add product to cart from product detail.png b/...uct Detail Add] (add to cart popup) add product to cart from product detail.png
diff --git a/...y.ts/[Product Detail] (product detail) product detail visit with screenshot.png b/...y.ts/[Product Detail] (product detail) product detail visit with screenshot.png