From 745e74a074e3424ed8b186dffeab392e5d60f060 Mon Sep 17 00:00:00 2001
From: Boutzi <joe@arkaans.com>
Date: Thu, 24 Oct 2024 11:15:43 +0200
Subject: [PATCH] fix animation

---
 components/Status.tsx | 24 ++++++++++++------------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/components/Status.tsx b/components/Status.tsx
index 83e9cbb..42b35ad 100644
--- a/components/Status.tsx
+++ b/components/Status.tsx
@@ -93,10 +93,9 @@ export const Status = () => {
             {t("status.LiveStatus")}
           </h2>
         </div>
-      </ScrollAnimation>
-      <div className="flex max-lg:flex-col items-start justify-between gap-4">
-        <div className="flex-[3] w-full">
-          <ScrollAnimation animated={true} animationType="slide-x">
+        <div className="flex max-lg:flex-col items-start justify-between gap-4">
+          <div className="flex-[3] w-full">
+            {/* <ScrollAnimation animated={true} animationType="slide-x"> */}
             <Card className="w-full p-4 flex flex-col gap-2">
               <p className="text-sm text-muted-foreground">
                 {t("status.StarredRepositories")}
@@ -141,10 +140,10 @@ export const Status = () => {
                 </div>
               </Link>
             </Card>
-          </ScrollAnimation>
-        </div>
-        <div className="flex-[2] w-full h-full flex flex-col gap-4">
-          <ScrollAnimation animated={true} animationType="-slide-x">
+            {/* </ScrollAnimation> */}
+          </div>
+          <div className="flex-[2] w-full h-full flex flex-col gap-4">
+            {/* <ScrollAnimation animated={true} animationType="-slide-x"> */}
             <Card className="flex-1 p-4">
               <p className="text-sm text-muted-foreground">
                 {t("status.LastestJobs")}
@@ -187,8 +186,8 @@ export const Status = () => {
                 </div>
               </Link>
             </Card>
-          </ScrollAnimation>
-          <ScrollAnimation animated={true} animationType="-slide-y">
+            {/* </ScrollAnimation> */}
+            {/* <ScrollAnimation animated={true} animationType="-slide-y"> */}
             <Card className="flex-1 p-4">
               <p className="text-sm text-muted-foreground">
                 {t("heroSection.connectWithMe")}
@@ -199,9 +198,10 @@ export const Status = () => {
                 ))}
               </div>
             </Card>
-          </ScrollAnimation>
+            {/* </ScrollAnimation> */}
+          </div>
         </div>
-      </div>
+      </ScrollAnimation>
     </Section>
   );
 };