summaryrefslogtreecommitdiff
path: root/src-migrate
diff options
context:
space:
mode:
authorFIN-IT_AndriFP <andrifebriyadiputra@gmail.com>2026-01-12 15:28:52 +0700
committerFIN-IT_AndriFP <andrifebriyadiputra@gmail.com>2026-01-12 15:28:52 +0700
commit0befdef251386bd026d53721e5cb2173aebd41f2 (patch)
treee6e40c67a71d76fb421cbb7088fc82ff84852581 /src-migrate
parentab4819716063f4d7eb4578cbcb0d66077145bdab (diff)
(andri) fix detail informasi mobile
Diffstat (limited to 'src-migrate')
-rw-r--r--src-migrate/modules/product-detail/components/Information.tsx4
-rw-r--r--src-migrate/modules/product-detail/components/ProductDetail.tsx6
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} />
)}