remove stagger effect

This commit is contained in:
Timothy Pidashev
2024-03-19 11:57:59 -07:00
parent 9720e6faf4
commit 2c9c0b08d0

View File

@@ -35,19 +35,12 @@ function Header() {
<AnimatePresence> <AnimatePresence>
{mounted && ( {mounted && (
<motion.div <motion.div
initial="hidden" initial={{ opacity: 0 }}
animate="visible" animate={{ opacity: 1 }}
exit="hidden" exit={{ opacity: 0 }}
variants={{ className="flex items-center"
visible: {
opacity: 1,
transition: { staggerChildren: 0.1 }
},
hidden: { opacity: 0 }
}}
className="flex space-x-1"
> >
{tabs.map((tab, index) => ( {tabs.map((tab) => (
<Link key={tab.id} href={`/${tab.id}`} passHref> <Link key={tab.id} href={`/${tab.id}`} passHref>
<motion.a <motion.a
onClick={() => setActiveTab(tab.id)} onClick={() => setActiveTab(tab.id)}