diff options
| -rw-r--r-- | public/images/ICON PROMO DISKON.svg | 22 | ||||
| -rw-r--r-- | src/core/components/elements/Navbar/NavbarDesktop.jsx | 36 |
2 files changed, 26 insertions, 32 deletions
diff --git a/public/images/ICON PROMO DISKON.svg b/public/images/ICON PROMO DISKON.svg index 4e2ce6b4..f7c16ca8 100644 --- a/public/images/ICON PROMO DISKON.svg +++ b/public/images/ICON PROMO DISKON.svg @@ -1,23 +1,13 @@ <?xml version="1.0" encoding="utf-8"?> <!-- Generator: Adobe Illustrator 24.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" - viewBox="0 0 1080 1080" style="enable-background:new 0 0 1080 1080;" xml:space="preserve"> + viewBox="0 0 163 51" style="enable-background:new 0 0 163 51;" xml:space="preserve"> <style type="text/css"> - .st0{fill:#E20613;} + .st0{fill:#ED1E27;} .st1{fill:#FFFFFF;} - .st2{font-family:'HelveticaNeueLTW06-93BlkExtObl';} - .st3{font-size:401.5979px;} + .st2{font-family:'ProximaNova-Extrabld';} + .st3{font-size:30.2617px;} </style> -<path class="st0" d="M987.7,624.9c-20.8-89.9-42-179.8-63.5-269.6c-8.3-34.5-38.9-53.1-75.4-46c-127.4,24.6-254.8,49.3-382.2,74.2 - c-37.9,7.4-68.2,26.1-88.3,57.4c-29.2,45.4-57.5,91.3-86.1,137c-4.9,7.8-7.9,16.3-7.6,25.5c0.1,4.9-1.6,6.3-6.7,7.2 - c-44.2,7.9-87.9,17.6-128,37.7c-21.6,10.8-39.6,25.1-51,46c-9.5,17.4-11.5,35.3-1.7,53.5c8.3,15.4,21.6,24.2,40,24.6 - c17.4,0.3,31-6.7,39.3-21c18.7-32,46-54.1,82.6-66.1c18.4-6,35.5-14.5,50-27c3.9-3.4,6.5-3.5,10.9-0.4c42.3,29.6,84.8,59,127.4,88.4 - c17.6,12.2,37.4,19.6,56.9,23.1c19.6,2.5,37.3,2.3,54.9-1.1c126.9-24.7,253.9-49.3,380.8-74C975.3,687.2,995.5,658.5,987.7,624.9z - M301.5,650.3c-11.9,9-24.7,16.6-39,21.8c-16.6,6-32.9,12.3-47.6,21.9c-19.1,12.6-34.6,28.4-45.7,47.8 - c-7.4,12.8-17.9,20.6-34.3,19.6c-22.6-1.4-34.1-23.7-32.8-40c0.1-1.5,0.4-3,0.7-4.5c4.3-20.5,16.9-35.9,34.1-48 - c19.4-13.6,41.5-22.2,64.3-29.3c26.2-8.1,53.1-13.9,80.4-18.5c4.3-0.7,5.9,0.2,7.3,4.1c2.5,7.2,6.8,13.6,12.8,18.7 - C304.6,646.5,304.8,647.9,301.5,650.3z M332.5,619c-3.1,0-5.6-2.5-5.6-5.6c0-3.1,2.5-5.6,5.6-5.6c3.1,0,5.6,2.5,5.6,5.6 - C338.1,616.5,335.6,619,332.5,619z M354.4,612.2c-1.3,6.2-6.1,9.7-14.4,10c1.2-4.9,5.5-9.1,3.1-14.6c-2.7-6.6-8.5-4.4-13.7-4.5 - c4.7-6.2,10.6-8,16.8-5.4C352.2,600.2,355.6,606.2,354.4,612.2z"/> -<text transform="matrix(0.9755 -0.2198 0.2198 0.9755 471.0399 733.8351)" class="st1 st2 st3">%</text> +<polygon class="st0" points="163,48.3 114.7,0 163,0 "/> +<text transform="matrix(1 0 0 1 137.5257 24.7005)" class="st1 st2 st3">%</text> </svg> diff --git a/src/core/components/elements/Navbar/NavbarDesktop.jsx b/src/core/components/elements/Navbar/NavbarDesktop.jsx index af56895f..a931b6de 100644 --- a/src/core/components/elements/Navbar/NavbarDesktop.jsx +++ b/src/core/components/elements/Navbar/NavbarDesktop.jsx @@ -182,22 +182,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' |
