diff options
| author | it-fixcomart <it@fixcomart.co.id> | 2024-07-25 09:13:51 +0700 |
|---|---|---|
| committer | it-fixcomart <it@fixcomart.co.id> | 2024-07-25 09:13:51 +0700 |
| commit | d528fce32aca0c69ef61a5e7428215237d642eea (patch) | |
| tree | 022710aa555088eee04f65a9ae93cbfe6d0849e8 /src | |
| parent | 795e774bfcf19e474ec4f4158856da0d1629bc3d (diff) | |
<iman> upade icon navbar semua promo
Diffstat (limited to 'src')
| -rw-r--r-- | src/core/components/elements/Navbar/NavbarDesktop.jsx | 36 |
1 files changed, 20 insertions, 16 deletions
diff --git a/src/core/components/elements/Navbar/NavbarDesktop.jsx b/src/core/components/elements/Navbar/NavbarDesktop.jsx index 967b6f62..8a84f6e8 100644 --- a/src/core/components/elements/Navbar/NavbarDesktop.jsx +++ b/src/core/components/elements/Navbar/NavbarDesktop.jsx @@ -172,22 +172,26 @@ const NavbarDesktop = () => { </button> <div className='w-6/12 flex px-1 divide-x divide-gray_r-6'> <Link - href="/shop/promo" - className={`${ - router.asPath === '/shop/promo' && 'bg-gray_r-3' - } flex-1 flex justify-center items-center !text-gray_r-12/80 hover:bg-gray_r-3 idt-transition group`} - target="_blank" - rel="noreferrer" - > - <p className="group-hover:scale-105 group-hover:text-red-500 transition-transform duration-200">Semua Promo</p> - <Image - src='/images/ICON PROMO DISKON.svg' - alt='promo' - width={40} - height={40} - className={` inline-block group-hover:scale-105 transition-transform duration-200 ${style.blink}`} - /> - </Link> + href="/shop/promo" + className={`${ + router.asPath === '/shop/promo' && 'bg-gray_r-3' + } flex-1 flex justify-center items-center !text-gray_r-12/80 hover:bg-gray_r-3 idt-transition group relative`} // Added relative position + target="_blank" + rel="noreferrer" + > + <p className="absolute inset-0 flex justify-center items-center group-hover:scale-105 group-hover:text-red-500 transition-transform duration-200 z-10">Semua Promo</p> + <div className='w-full h-full flex justify-end items-start'> + <Image + src='/images/ICON PROMO DISKON.svg' + alt='promo' + width={100} + height={100} + quality={100} + className={`inline-block z-20`} + /> + </div> + </Link> + <Link href='/shop/brands' |