remove nav animation
This commit is contained in:
@@ -5,22 +5,18 @@ import {ReactComponent as Wave} from "../img/menu-wave.svg";
|
|||||||
import "./nav.sass";
|
import "./nav.sass";
|
||||||
import {Links} from "./Links";
|
import {Links} from "./Links";
|
||||||
import {Menu} from "./Menu";
|
import {Menu} from "./Menu";
|
||||||
import {motion} from "motion/react";
|
|
||||||
import {AnimateFade} from "../animations";
|
|
||||||
|
|
||||||
const nav = AnimateFade();
|
|
||||||
|
|
||||||
export default function Nav() {
|
export default function Nav() {
|
||||||
const [active, setActive] = useState(false);
|
const [active, setActive] = useState(false);
|
||||||
|
|
||||||
return <motion.div initial={nav.initial} animate={nav.animate}>
|
return <div>
|
||||||
<nav>
|
<nav>
|
||||||
<MenuButton active={active} setActive={setActive}/>
|
<MenuButton active={active} setActive={setActive}/>
|
||||||
<Links/>
|
<Links/>
|
||||||
</nav>
|
</nav>
|
||||||
<Wave className="wave" />
|
<Wave className="wave" />
|
||||||
<Menu active={active}/>
|
<Menu active={active}/>
|
||||||
</motion.div>;
|
</div>;
|
||||||
}
|
}
|
||||||
|
|
||||||
function MenuButton(props : { active: boolean, setActive: (_:boolean) => void }) {
|
function MenuButton(props : { active: boolean, setActive: (_:boolean) => void }) {
|
||||||
|
|||||||
Reference in New Issue
Block a user