diff options
| author | Miqdad <ahmadmiqdad27@gmail.com> | 2025-11-12 18:18:03 +0700 |
|---|---|---|
| committer | Miqdad <ahmadmiqdad27@gmail.com> | 2025-11-12 18:18:03 +0700 |
| commit | d292f00640a5b0cf68019eedebcdbb87ecb27270 (patch) | |
| tree | 1c5fba78e4fc08a292e6ba79ce30580c27236b2d /src-migrate/modules | |
| parent | 3e3dee725e1d4aeeb1048ee49aab6b2866a8d5c7 (diff) | |
<MIqdad> watermark produk tidak tersedia
Diffstat (limited to 'src-migrate/modules')
| -rw-r--r-- | src-migrate/modules/product-detail/components/ProductDetail.tsx | 11 |
1 files changed, 5 insertions, 6 deletions
diff --git a/src-migrate/modules/product-detail/components/ProductDetail.tsx b/src-migrate/modules/product-detail/components/ProductDetail.tsx index 354889e5..388d2248 100644 --- a/src-migrate/modules/product-detail/components/ProductDetail.tsx +++ b/src-migrate/modules/product-detail/components/ProductDetail.tsx @@ -143,16 +143,16 @@ const ProductDetail = ({ product }: Props) => { return ( <> - {/* WATERMARK OVERLAY jika produk tidak punya harga */} - {!hasPrice && ( - <div className='fixed inset-0 z-[5] flex items-center justify-center pointer-events-none select-none'> + {isDesktop && !hasPrice && ( + <div className='fixed inset-0 z-[50] flex items-center justify-center pointer-events-none select-none'> <img - src='/images/nonaktif-watermark.png' + src='/images/produk_tidak_tersedia.svg' alt='Produk tidak tersedia' - className='w-[80%] max-w-[600px] opacity-10 rotate-[-25deg]' + className='w-[35%] opacity-[50%] -translate-x-[10%]' /> </div> )} + <div className='md:flex md:flex-wrap'> <div className='w-full mb-4 md:mb-0 px-4 md:px-0'> <Breadcrumb id={product.id} name={product.name} /> @@ -293,7 +293,6 @@ const ProductDetail = ({ product }: Props) => { </h1> </div> )} - <div className='h-6 md:h-0' /> <h1 className={style['title']}>{product.name}</h1> <div className='h-3 md:h-0' /> <Information product={product} /> |