marsultor/public-blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: use m.nav instead of motion.nav in Header

Browse Source
This commit is contained in:
Krishna Ayyalasomayajula
2026-06-01 20:43:08 -05:00
parent 6326460d89
commit 34ecb39bcc
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
components/layout/Header.tsx
View File

@@ -1,7 +1,7 @@
"use client"; "use client";
import Link from "next/link"; import Link from "next/link";
import { motion } from "motion/react"; import { m } from "motion/react";
import { ThemeToggle } from "@/components/ui/ThemeToggle"; import { ThemeToggle } from "@/components/ui/ThemeToggle";
const navLinks = [ const navLinks = [
@@ -11,7 +11,7 @@ const navLinks = [
export function Header() { export function Header() {
return ( return (
<motion.nav <m.nav
initial={{ opacity: 0, y: -12 }} initial={{ opacity: 0, y: -12 }}
animate={{ opacity: 1, y: 0 }} animate={{ opacity: 1, y: 0 }}
transition={{ duration: 0.4, ease: "easeOut" }} transition={{ duration: 0.4, ease: "easeOut" }}
@@ -34,6 +34,6 @@ export function Header() {
<ThemeToggle /> <ThemeToggle />
</div> </div>
</div> </div>
</motion.nav> </m.nav>
); );
} }