Merge branch 'sett/landing-v2' into develop

TrustlessComputer · Jan 11, 2024 · f9c486f · f9c486f
2 parents 88be61a + fe5a7b4
commit f9c486f
Show file tree

Hide file tree

Showing 13 changed files with 148 additions and 98 deletions.
diff --git a/public/landing/drag.svg b/public/landing/drag.svg
diff --git a/public/landing/subtract.svg b/public/landing/subtract.svg
diff --git a/public/landing/why-launch.jpg b/public/landing/why-launch.jpg
diff --git a/src/modules/landing/Componets/Article/ItemArticle/index.tsx b/src/modules/landing/Componets/Article/ItemArticle/index.tsx
@@ -13,7 +13,7 @@ export default function ItemArticle({ data }: { data: IBlog }) {
         src={data.imageUrl}
         alt={data.title}
         width={'100%'}
-        height={mobileScreen ? 'auto' : '300px'}
+        height={mobileScreen ? 'auto' : '250px'}
       />
       <div className={s.itemArticle_content}>
         <h5 className={s.itemArticle_content_title}>{data.title}</h5>

diff --git a/src/modules/landing/Componets/Chain/ItemChain/styles.module.scss b/src/modules/landing/Componets/Chain/ItemChain/styles.module.scss
@@ -15,6 +15,7 @@
 
   @include is-tablet {
     width: calc(50% - 30px);
+    padding: 12px;
   }
 
   :global {

diff --git a/src/modules/landing/Componets/Comunity/ItemCommunity/styles.module.scss b/src/modules/landing/Componets/Comunity/ItemCommunity/styles.module.scss
@@ -83,6 +83,7 @@
     position: relative;
     @include is-mobile {
       padding-left: 10px;
+      font-size: 14px;
     }
     &_frame {
       position: absolute;

diff --git a/src/modules/landing/Componets/Comunity/index.tsx b/src/modules/landing/Componets/Comunity/index.tsx
@@ -24,7 +24,7 @@ export default function Comunity() {
                 Why launch <span>your own blockchain?</span>
               </Chars>
             </h3>
-            <Scale scale={0.8}>
+            <Scale scale={1.2}>
               <Image
                 src={community_img}
                 width={community_img.width}

diff --git a/src/modules/landing/Componets/Intro/index.tsx b/src/modules/landing/Componets/Intro/index.tsx
@@ -96,7 +96,8 @@ export default function Intro() {
     const rectBtn = refBtn.current.getBoundingClientRect();
     const rectWrap = refWrap.current.getBoundingClientRect();
 
-    refActions.current.current = (e.touches[0].clientX || e.clientX) - rectWrap.left - rectBtn.width / 2;
+    const xx = (e?.touches?.length && e?.touches[0]) ? e?.touches[0]?.clientX : e.clientX;
+    refActions.current.current = (xx) - rectWrap.left - rectBtn.width / 2;
     refActions.current.current = Math.max(
       Math.min(refActions.current.current, rectWrap.width - rectBtn.width),
       0,

diff --git a/src/modules/landing/Componets/Intro/styles.module.scss b/src/modules/landing/Componets/Intro/styles.module.scss
@@ -39,6 +39,11 @@
       position: relative;
       --clipPath: 0%;
 
+      :global {
+        .dotlottie-container {
+          width: 150px;
+        }
+      }
 
       .clone {
         position: absolute;

diff --git a/src/modules/landing/Componets/ScalableSlide/ScalableContnet/styles.module.scss b/src/modules/landing/Componets/ScalableSlide/ScalableContnet/styles.module.scss
@@ -4,10 +4,16 @@
   position: relative;
   padding-top: 16px;
   opacity: 0.5;
-  transition: opacity .5s ease-out;
+  transition: opacity 0.5s ease-out;
+
+  @include is-tablet {
+    width: 33.33%;
+    padding-left: 20px;
+    padding-right: 20px;
+  }
 
   &_heading {
-    color: #FFF;
+    color: #fff;
     text-align: center;
     font-size: 24px;
     font-style: normal;
@@ -20,7 +26,7 @@
   }
 
   &_content {
-    color: #FFF;
+    color: #fff;
     text-align: center;
     font-size: 18px;
     font-style: normal;