refactor: simplify CloseIcon dimensions and update CookiesPopup to use NavLink for navigation
This commit is contained in:
@@ -1,8 +1,6 @@
|
||||
export function CloseIcon({ className = '' }: { className?: string }) {
|
||||
return (
|
||||
<svg
|
||||
width="24"
|
||||
height="24"
|
||||
viewBox="0 0 24 24"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
className={className}
|
||||
|
||||
@@ -1,6 +1,7 @@
|
||||
import { usePopupStore } from '../../store/popupStore';
|
||||
import { motion } from 'framer-motion';
|
||||
import { useEffect } from 'react';
|
||||
import { NavLink } from 'react-router-dom';
|
||||
|
||||
function CookiesPopup() {
|
||||
const { isShowCookiesPopup, setIsShowCookiesPopup } = usePopupStore();
|
||||
@@ -36,13 +37,13 @@ function CookiesPopup() {
|
||||
/>
|
||||
<p className="font-medium heading2">
|
||||
Мы используем
|
||||
<a
|
||||
href="/cookies"
|
||||
<NavLink
|
||||
to="/cookies"
|
||||
className="underline underline-offset-2"
|
||||
onClick={handlePopupClick}
|
||||
>
|
||||
cookie
|
||||
</a>
|
||||
</NavLink>
|
||||
</p>
|
||||
</div>
|
||||
<p className="text-[0.972vw] leading-[135%] w-full">
|
||||
|
||||
@@ -55,12 +55,12 @@ function TelegramPopup() {
|
||||
Перейти
|
||||
</a>
|
||||
<button
|
||||
className="absolute flex p-px transition-colors rounded-full cursor-pointer top-2 right-2 hover:bg-white hover:bg-opacity-10 group"
|
||||
className="absolute flex items-center justify-center p-px text-center transition-colors rounded-full cursor-pointer top-2 right-2 hover:bg-white hover:bg-opacity-10 group"
|
||||
onClick={handlePopupClick}
|
||||
>
|
||||
<div className="lg:w-[1.111vw] lg:h-[1.111vw] w-4 h-4 m-auto group-hover:text-black transition-colors">
|
||||
<span className="lg:w-[1.111vw] lg:h-[1.111vw] w-4 h-4 m-auto group-hover:text-black transition-colors">
|
||||
<CloseIcon />
|
||||
</div>
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
</motion.div>
|
||||
|
||||
Reference in New Issue
Block a user