diff options
| -rw-r--r-- | src-migrate/modules/product-detail/components/Information.tsx | 4 | ||||
| -rw-r--r-- | src-migrate/modules/product-detail/components/ProductDetail.tsx | 6 |
2 files changed, 6 insertions, 4 deletions
diff --git a/src-migrate/modules/product-detail/components/Information.tsx b/src-migrate/modules/product-detail/components/Information.tsx index e07537fb..6e2c930e 100644 --- a/src-migrate/modules/product-detail/components/Information.tsx +++ b/src-migrate/modules/product-detail/components/Information.tsx @@ -267,7 +267,9 @@ const Information = ({ product }: Props) => { {/* === DETAIL INFORMASI PRODUK (Horizontal Minimalis) === */} <div className="mt-6 border-t pt-4"> - <h2 className="font-bold text-gray-800 text-sm mb-4">Detail Informasi Produk</h2> + <h2 className="hidden md:block font-bold text-gray-800 text-sm mb-4"> + Detail Informasi Produk + </h2> {/* Mobile: 3 Kolom, Spacing Kecil. Desktop: 3 Kolom, Spacing Besar */} <SimpleGrid columns={{ base: 3, md: 3 }} spacing={{ base: 2, md: 10 }}> diff --git a/src-migrate/modules/product-detail/components/ProductDetail.tsx b/src-migrate/modules/product-detail/components/ProductDetail.tsx index 04bf5533..fbfe262d 100644 --- a/src-migrate/modules/product-detail/components/ProductDetail.tsx +++ b/src-migrate/modules/product-detail/components/ProductDetail.tsx @@ -508,19 +508,19 @@ const ProductDetail = ({ product }: Props) => { <h1 className={style['title']}>{product.name}</h1> <div className='h-3 md:h-0' /> <Information product={product} /> - <div className='h-6' /> + <div className='h-2' /> </div> )} </div> <div className='h-full'> {isMobile && ( - <div className='px-4 pt-6'> + <div className='px-4 pt-2'> <PriceAction product={product} /> </div> )} - <div className='h-4 md:h-10' /> + <div className='h-2 md:h-10' /> {!!activeVariantId && !isApproval && ( <ProductPromoSection product={product} productId={activeVariantId} /> )} |