Rename smooth scroll progress bar, update animation about me exceedin…

…g right
giaphm · Jun 13, 2024 · c5c8b87 · c5c8b87
1 parent 36331db
commit c5c8b87
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 5 deletions.
diff --git a/src/App.tsx b/src/App.tsx
@@ -1,11 +1,11 @@
 import { Experiences } from "./components/experiences";
 import { Footer } from "./components/footer";
-import { SmoothScrollProgressBar } from "./components/smooth-scroll-progressbar";
 import AboutMe from "./components/aboutMe";
 import Projects from "./components/projects";
 import Skills from "./components/skills";
 import NavBar from "./components/navBar";
 import Introduction from "./components/introduction";
+import { SmoothScrollProgressBar } from "./components/smoothScrollProgressBar";
 
 function App() {
   return (

diff --git a/src/components/aboutMe.tsx b/src/components/aboutMe.tsx
@@ -12,20 +12,23 @@ function AboutMeBody() {
     <RenderOnViewportEntry threshold={0.25} style={{ minHeight: "240px" }}>
       <motion.div
         initial={"init"}
-        whileInView={"show"}
+        whileInView={"inView"}
         variants={{
-          init: { opacity: 0, x: 100 },
+          init: { opacity: 0, scale: 0.8 },
           show: {
             opacity: 1,
-            x: 0,
             transition: {
               ease: "linear",
               duration: 0.5,
             },
           },
           inView: {
             opacity: 1,
-            x: 0,
+            scale: 1,
+            transition: {
+              ease: "linear",
+              duration: 0.5,
+            },
           },
         }}
       >

diff --git a/src/components/smooth-scroll-progressbar.tsx → src/components/smoothScrollProgressBar.tsx b/src/components/smooth-scroll-progressbar.tsx → src/components/smoothScrollProgressBar.tsx