diff options
| author | FIN-IT_AndriFP <andrifebriyadiputra@gmail.com> | 2026-01-12 15:28:52 +0700 |
|---|---|---|
| committer | FIN-IT_AndriFP <andrifebriyadiputra@gmail.com> | 2026-01-12 15:28:52 +0700 |
| commit | 0befdef251386bd026d53721e5cb2173aebd41f2 (patch) | |
| tree | e6e40c67a71d76fb421cbb7088fc82ff84852581 | |
| parent | ab4819716063f4d7eb4578cbcb0d66077145bdab (diff) | |
(andri) fix detail informasi mobile
| -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} /> )} |
