v.korobtsev/vkorobtsev-nextJs
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: center the navbar

Browse source
This commit is contained in:
Alvalen 2023-12-16 11:02:18 +07:00
parent 5cf652e432
commit 064e83224b
1 changed files with 2 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

4
components/Navbar.jsx
View file

@ -62,7 +62,7 @@ const NavItems = ({ isNavOpen, setIsNavOpen }) => {
}); });
} else { } else {
(navVariant.open = { (navVariant.open = {
clipPath: `circle(1920px at calc(100% - 40px) 40px)`, clipPath: `circle(2444px at calc(100% - 40px) 40px)`,
transition: { transition: {
type: "spring", type: "spring",
stiffness: 400, stiffness: 400,
@ -100,7 +100,7 @@ const NavItems = ({ isNavOpen, setIsNavOpen }) => {
animate={isNavOpen ? "open" : "closed"} animate={isNavOpen ? "open" : "closed"}
initial={false}> initial={false}>
<div className="relative backdrop-blur-sm opacity-95 flex flex-col items-center space-x-8 min-h-[100vh] bg-gray-700 min-w-[100vw] "> <div className="relative backdrop-blur-sm opacity-95 flex flex-col items-center space-x-8 min-h-[100vh] bg-gray-700 min-w-[100vw] ">
<div className="lg:ml-64 flex flex-col items-center space-y-8 my-auto mx-0"> <div className="flex flex-col items-center space-y-8 my-auto mx-0">
{/* title */} {/* title */}
<motion.h1 <motion.h1
animate={{ opacity: 1 }} animate={{ opacity: 1 }}