From d292f00640a5b0cf68019eedebcdbb87ecb27270 Mon Sep 17 00:00:00 2001
From: Miqdad <ahmadmiqdad27@gmail.com>
Date: Wed, 12 Nov 2025 18:18:03 +0700
Subject: <MIqdad> watermark produk tidak tersedia

---
 .../modules/product-detail/components/ProductDetail.tsx       | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

(limited to 'src-migrate')

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} />
-- 
cgit v1.2.3