diff options
| author | Miqdad <ahmadmiqdad27@gmail.com> | 2025-11-13 15:59:08 +0700 |
|---|---|---|
| committer | Miqdad <ahmadmiqdad27@gmail.com> | 2025-11-13 15:59:08 +0700 |
| commit | 8ed66318c1e94d4c744984f2aab25ff993d5de4d (patch) | |
| tree | 06f012d92987d87d7d297269b23e215b54b0a233 | |
| parent | a19ab70ca8f3f20c845ddeed0a5281d2abc29f03 (diff) | |
<Miqdad> cr watermark
| -rw-r--r-- | src-migrate/modules/product-detail/components/ProductDetail.tsx | 41 |
1 files changed, 23 insertions, 18 deletions
diff --git a/src-migrate/modules/product-detail/components/ProductDetail.tsx b/src-migrate/modules/product-detail/components/ProductDetail.tsx index 48270dee..e4ba2b2f 100644 --- a/src-migrate/modules/product-detail/components/ProductDetail.tsx +++ b/src-migrate/modules/product-detail/components/ProductDetail.tsx @@ -143,24 +143,29 @@ const ProductDetail = ({ product }: Props) => { return ( <> - {isDesktop && !hasPrice && ( - <div className='fixed inset-0 z-[50] flex items-center justify-center pointer-events-none select-none'> - <img - src='/images/produk_tidak_tersedia.svg' - alt='Produk tidak tersedia' - className='w-[35%] opacity-[50%] -translate-x-[10%]' - /> - </div> - )} - {isMobile && !hasPrice && ( - <div className='fixed inset-0 z-[50] flex items-center justify-center pointer-events-none select-none'> - <img - src='/images/produk_tidak_tersedia.svg' - alt='Produk tidak tersedia' - className='w-[100%] opacity-[75%] -translate-x-[2%]' - /> - </div> - )} + <div className='relative'> + {isDesktop && !hasPrice && ( + <div className='absolute inset-0 z-[20] flex items-center justify-center pointer-events-none select-none'> + <img + src='/images/produk_tidak_tersedia.svg' + alt='Produk tidak tersedia' + className='w-[47%] opacity-50 -translate-x-[3%] -translate-y-[-70%]' + /> + </div> + )} + </div> + + <div className='relative'> + {isMobile && !hasPrice && ( + <div className='absolute inset-0 z-[50] flex items-center justify-center pointer-events-none select-none'> + <img + src='/images/produk_tidak_tersedia.svg' + alt='Produk tidak tersedia' + className='w-[100%] opacity-[1000%] -translate-x-[0%] -translate-y-[-197%]' + /> + </div> + )} + </div> <div className='md:flex md:flex-wrap'> <div className='w-full mb-4 md:mb-0 px-4 md:px-0'> |