From 2c9c0b08d098e69418ae6ea98622c8df4737e844 Mon Sep 17 00:00:00 2001
From: Timothy Pidashev <pidashev.tim@gmail.com>
Date: Tue, 19 Mar 2024 11:57:59 -0700
Subject: [PATCH] remove stagger effect

---
 src/web/src/components/header.jsx | 17 +++++------------
 1 file changed, 5 insertions(+), 12 deletions(-)

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