Merge pull request #148 from w3bdesign/development

Test header without animation
w3bdesign · Jun 29, 2024 · 1630c30 · 1630c30
2 parents f63a1cf + f3d66e0
commit 1630c30
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 17 deletions.
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/components/Layout/Header.component.tsx b/src/components/Layout/Header.component.tsx
@@ -21,17 +21,19 @@ const Header = () => {
   return (
     <header className="z-[999] relative">
       <MotionDiv
-        className="w-full max-w-[390px] md:max-w-[36rem] bg-slate-800 bg-opacity-80 fixed top-0 left-1/2 h-[4.5rem] shadow rounded-none shadow-lg shadow-black/[0.03] backdrop-blur-[0.5rem] sm:top-6 sm:h-[3.25rem] md:w-[36rem] sm:rounded-full mr-6 md:mr-0"
+        className="w-full md:max-w-[36rem] bg-slate-800 bg-opacity-80 fixed top-0 left-1/2 h-[4.5rem] shadow rounded-none shadow-lg shadow-black/[0.03] backdrop-blur-[0.5rem] sm:top-6 sm:h-[3.25rem] md:w-[36rem] sm:rounded-full mr-8 md:mr-0"
+
         initial={{ y: -100, x: "-50%", opacity: 0 }}
         animate={{
           y: 0,
-          x: "-50%",
+          x: "-56%",
           opacity: 1,
           transition: {
             y: { duration: 0.6, ease: "easeOut" },
             opacity: { duration: 0.6, ease: "easeOut" },
           },
         }}
+
       />
       <nav className="flex fixed top-[0.65rem] left-1/2 h-12 -translate-x-1/2 py-2 sm:top-[1.7rem] sm:h-[initial] sm:py-0 w-full max-w-[370px] justify-end md:justify-between items-center">
         <MotionUl