Added animation Changes

sayshark75 · Feb 16, 2024 · 9d792c7 · 9d792c7
1 parent 1cd0d10
commit 9d792c7
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 20 deletions.
diff --git a/src/components/TechnicalSkillPage/SkillsMapper.tsx b/src/components/TechnicalSkillPage/SkillsMapper.tsx
@@ -9,27 +9,10 @@ const SkillsMapper = () => {
         w={"100%"}
         pos={"relative"}
         key={`skill-data-${index}`}
-        minH={"200px"}
+        minH={["140px", "200px"]}
         p={["8px", "10px", "12px", "14px", "16px"]}
         gap={"24px"}
         direction={"column"}
-        _hover={{
-          _after: {
-            top: "0px",
-          },
-        }}
-        _after={{
-          content: '"."',
-          w: "100%",
-          minH: "100%",
-          color: "transparent",
-          transition: "500ms",
-          bgColor: "primaryLight",
-          pos: "absolute",
-          top: "-100%",
-          left: "0px",
-          zIndex: -1,
-        }}
       >
         <SmHeading title1={data.title1} title2={data.title2} />
         <Text mt={["10px", "10px", "12px", "14px", "16px"]}>

diff --git a/src/pages/Contact/Contact.tsx b/src/pages/Contact/Contact.tsx
@@ -75,7 +75,7 @@ const Contact = () => {
         alignItems={"center"}
         minH={"100vh"}
         gap={["3", "4", "6", "8", "10"]}
-        pt={"12"}
+        pt={[0, 12]}
         fontFamily={"Poppins"}
       >
         <MdHeading title1="Get In" title2="Touch" />

diff --git a/src/pages/TechnicalSkills/TechnicalSkills.tsx b/src/pages/TechnicalSkills/TechnicalSkills.tsx
@@ -15,7 +15,15 @@ const TechnicalSkills = () => {
   }
   const { SkillsRef } = context;
   return (
-    <Flex ref={SkillsRef} transition={"500ms"} direction={"column"} minH={"50vh"} justifyContent={"center"} alignItems={"center"} mx={"3"}>
+    <Flex
+      ref={SkillsRef}
+      transition={"500ms"}
+      direction={"column"}
+      minH={["40vh"]}
+      justifyContent={"center"}
+      alignItems={"center"}
+      mx={"3"}
+    >
       <MdHeading title1="Technical" title2="Skills" />
       <CarouselComp mapperFunction={SkillsMapper} slides={3} />
     </Flex>