Merge pull request #58 from TartejBrothers/Updates

Updated: Animations
TartejBrothers · Jun 8, 2024 · 786b8fb · 786b8fb
2 parents 0753a5a + ff99da4
commit 786b8fb
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 3 deletions.
diff --git a/src/components/expertisecomponent.jsx b/src/components/expertisecomponent.jsx
@@ -1,6 +1,7 @@
-import React from "react";
+import React, { useEffect } from "react";
 import "./styles/expertisecomponent.css";
-const expertisecomponent = ({
+
+const ExpertiseComponent = ({
   imgname,
   heading,
   content,
@@ -9,6 +10,15 @@ const expertisecomponent = ({
   list_elem_3,
   number,
 }) => {
+  useEffect(() => {
+    const isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
+    const isIOS =
+      /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
+    if (isSafari || isIOS) {
+      document.body.classList.add("no-animation");
+    }
+  }, []);
+
   return (
     <div className="expertisecomponent">
       <div className="leftexpertiseheader">
@@ -36,4 +46,4 @@ const expertisecomponent = ({
   );
 };
 
-export default expertisecomponent;
+export default ExpertiseComponent;
diff --git a/src/components/styles/expertisecomponent.css b/src/components/styles/expertisecomponent.css
@@ -77,6 +77,7 @@
   }
   100% {
     max-height: 0;
+
     font-size: 0px;
     overflow: clip;
     padding-bottom: 0px;
@@ -109,3 +110,6 @@
     width: 100%;
   }
 }
+body.safari .leftexpertisebody {
+  animation: none;
+}