519 welcome pagedesignmobile (#532)

* wip New Adpools and All Adpools * desgin de btn_apply_lunch and the cover image height change the css of the welcome_footer_title * Unexpected duplicate color --------- Co-authored-by: haythem <[email protected]>
SaTT-Wallet · Sep 19, 2023 · 55f021a · 55f021a
1 parent d90d975
commit 55f021a
Show file tree

Hide file tree

Showing 2 changed files with 95 additions and 7 deletions.
diff --git a/src/app/campaigns/components/farm-welcome/farm-welcome.component.html b/src/app/campaigns/components/farm-welcome/farm-welcome.component.html
@@ -241,8 +241,7 @@
 
     </div>
     <button
-      class="btn_apply_lunch mb-3"
-      style="margin: auto"
+      class="btn_apply_lunch1 mb-3"
       onclick="window.open('https://docs.google.com/forms/d/e/1FAIpQLScmtK5oh0fWi_S-yG2LGtUFZ_pQPESd2rgcBbtgXLV830H7pQ/viewform');"
     > {{ 'Apply_to_launch' | translate }}
 
@@ -311,3 +310,4 @@
     </div>
   </div>
 </ng-container>
+
diff --git a/src/app/campaigns/components/farm-welcome/farm-welcome.component.scss b/src/app/campaigns/components/farm-welcome/farm-welcome.component.scss
@@ -221,8 +221,8 @@ font-size: 15px;
   .welcome_description_long {
     font-style: normal;
     font-weight: 400;
-    font-size: 15px;
-    line-height: 130%;
+    font-size: 18px;
+    line-height: 23.8px;
   }
   .welcome_btn_launch {
     width: auto;
@@ -373,6 +373,7 @@ height: 161.16px;
 
 @media (max-width: 871px) {
   .adpool-title {
+    padding-top: 30px;
     font-size: 28px !important;
   }
 }
@@ -414,9 +415,43 @@ height: 161.16px;
   padding-bottom: 0.5em;
   width: 100%;
   max-width: 350px;
-  color: #f6f6ff;
   cursor: pointer;
 }
+@media (max-width: 871px) {
+  .load-more-btn {
+    text-decoration: underline;
+    margin-bottom: 15vh;
+    // background: #f52079;
+    color: #f52079 !important;
+    border-radius: 30px;
+    font-family: Poppins;
+    font-style: normal;
+    font-weight: 600;
+    font-size: 24px;
+    line-height: 27px;
+    text-align: center;
+    letter-spacing: 0.01em;
+    padding-top: 0.5em;
+    padding-bottom: 0.5em;
+    width: 100%;
+    max-width: 350px;
+    cursor: pointer;
+    position: relative;
+    top: 1.6em;
+  }
+    .load-more-btn-arrow {
+      text-decoration: none !important;
+      color: #f52079 !important;
+      position: relative;
+      top: 1.3em !important;
+      left: 2px;
+      font-size: 34px;
+  }
+
+
+}
+
+
 .load-more-btn-arrow {
   text-decoration: none !important;
   color: #f52079 !important;
@@ -546,12 +581,12 @@ align-items: center;
   background-color: #f52079 !important;
   color: white;
 }
+
 
 .btn_apply_lunch {
   font-family: 'Poppins';
   font-style: normal;
   font-weight: 600;
-
   text-align: center;
   justify-content: center;
   align-content: center;
@@ -570,8 +605,61 @@ align-items: center;
   background-color: #f52079 !important;
   color: white;
 }
+.btn_apply_lunch1 {
+  font-family: 'Poppins';
+  font-style: normal;
+  font-weight: 600;
+  text-align: center;
+  justify-content: center;
+  align-content: center;
+  border: none;
+  width: max-content;
+  height: 48px;
+  font-size: 18px;
+  color: #4048ff;
+  border-radius: 30px;
+  background: #ffffff;
+  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
+  cursor: pointer;
+  margin: auto;
+}
+
+.btn_apply_lunch1:hover {
+  background-color: #f52079 !important;
+  color: white;
+}
+
 
 @media (max-width: 913px) {
+
+  .btn_apply_lunch1 {
+    font-family: 'Poppins';
+    font-style: normal;
+    font-weight: 600;
+    text-align: center;
+    justify-content: center;
+    align-content: center;
+    border: none;
+    width: max-content;
+    height: 48px;
+    font-size: 18px;
+    color: #4048ff;
+    border-radius: 30px;
+    background: #ffffff;
+    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
+    cursor: pointer;
+    margin-top: 41px;
+  }
+
+  .btn_apply_lunch1:hover {
+    background-color: #f52079 !important;
+    color: white;
+  }
+
+
+
+
+
   .bg-title {
     font-size: 35px;
   }
@@ -581,7 +669,7 @@ align-items: center;
   .welcome_footer_lunch {
     color: #ffffff;
     background-size: cover;
-    height: 717px;
+    height: 817px;
     background-image: url('~assets/Images/footer-lunch-sm.svg');
   }
   .welcome_footer_title {