smooth transition

HassanChowdhry · May 24, 2024 · 1728783 · 1728783
1 parent d202e7a
commit 1728783
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 3 deletions.
diff --git a/src/App.jsx b/src/App.jsx
@@ -14,7 +14,7 @@ function App() {
         setTimeout(() => {
           setLoading(false);
           setFadeClass('animate__animated animate__fadeIn');
-        }, 750);
+        }, 650);
       }, 2000);
       return () => clearTimeout(toRef);
     }

diff --git a/src/components/Hero.jsx b/src/components/Hero.jsx
@@ -22,7 +22,7 @@ const Hero = () => {
     <section className='w-full h-screen m-auto flex-1 item-center'>
       <div 
         className={`${styles.paddingX}
-        mx-auto flex flex-row items-start gap-5 mt-4`}>
+        mx-auto flex flex-row items-start gap-5 pt-4`}>
 
           <div className='flex flex-col justify-center items-center mt-5'>
             <div className='w-5 h-5 rounded-full bg-[#915eff]'/>

diff --git a/src/components/Loader.jsx b/src/components/Loader.jsx
@@ -1,3 +1,5 @@
+import { SectionWrapper } from '../hoc';
+
 const Loader = () => {
   return (
     <section className='w-full h-screen flex justify-center items-center'>
@@ -6,4 +8,4 @@ const Loader = () => {
   )
 }
 
-export default Loader
+export default SectionWrapper(Loader, "loader");