Merge pull request #1626 from gtech-mulearn/old-dev

Old dev
gtech-mulearn · Aug 18, 2024 · 60614c3 · 60614c3
2 parents 1c68863 + 8d335b8
commit 60614c3
Showing 1 changed file with 25 additions and 11 deletions.
diff --git a/src/Pages/Home/Home.jsx b/src/Pages/Home/Home.jsx
@@ -40,7 +40,7 @@ const MuLiveCounter = () => {
   }, []);
 
   return (
-    <div className={styles.rightside}>
+    <div style={{}}>
       {counts && (
         <div className={styles.countcontainer}>
           <div className={styles.count}>
@@ -64,7 +64,9 @@ const MuLiveCounter = () => {
                     <CountUp
                       end={
                         orgTypeCount.org_type === "Company"
-                          ? 200
+                          ? 213
+                          : orgTypeCount.org_type === "Community"
+                          ? 30
                           : orgTypeCount.org_count
                       }
                       duration={5}
@@ -94,7 +96,7 @@ const MuLiveCounter = () => {
 
           <div className={styles.count}>
             <p className={styles.cvc_heading}>
-              <CountUp end={counts.karma_pow_count.karma_count} duration={5} />+
+              <CountUp end={counts.karma_pow_count.karma_count} duration={5} />
             </p>
             <p className={styles.cvc_text}>Total Karma Mined</p>
           </div>
@@ -124,9 +126,10 @@ const MuLiveCounter = () => {
           </div>
           <div className={styles.count}>
             <p className={styles.cvc_heading}>
-              <CountUp end={20} duration={5} />
+              <CountUp end={1} duration={5} />
+              Cr+
             </p>
-            <p className={styles.cvc_text}>Lakhs Gig Works</p>
+            <p className={styles.cvc_text}>worth of Gig Works</p>
           </div>
 
           {counts.enablers_mentors_count
@@ -520,16 +523,27 @@ const Home = () => {
           <div
             className={styles.count_view}
             style={{
-              height: "100%",
+              ...(window.innerWidth >= 1024 && {
+                display: "flex",
+                flexDirection: "column",
+                alignContent: "center",
+                justifyContent: "center",
+                gap: "3rem",
+              }),
             }}
           >
             <div
               style={{
-                height: "100%", // Ensure the container takes full height of its parent
-                display: "flex",
-                flexDirection: "column",
-                justifyContent: "flex-start",
-                alignItems: "flex-start", // Align items to the start of the container\
+                ...(window.innerWidth >= 1024 && {
+                  height: "100%", // Ensure the container takes full height of its parent
+                  display: "flex",
+                  flexDirection: "row",
+                  justifyContent: "space-between",
+                  alignItems: "center", // Align items to the start of the container
+                  width: "100%",
+                  padding: "1rem",
+                  gap: "3rem",
+                }),
               }}
               className={styles.left_side}
             >