From 10696e3c32795a7afefe81b8a8f01011e289956a Mon Sep 17 00:00:00 2001
From: xjzhang <>
Date: Wed, 8 Sep 2021 17:17:55 +0800
Subject: [PATCH] fix: modal opacity

---
 src/app/modules/header/header.component.css  | 41 ++++++++++++++++++++
 src/app/modules/header/header.component.html | 20 +++++-----
 src/app/modules/header/header.component.ts   |  1 -
 src/app/wallet/wallet.component.html         |  2 +-
 4 files changed, 52 insertions(+), 12 deletions(-)

diff --git a/src/app/modules/header/header.component.css b/src/app/modules/header/header.component.css
index 30c7bb11..3c197dde 100644
--- a/src/app/modules/header/header.component.css
+++ b/src/app/modules/header/header.component.css
@@ -21,6 +21,7 @@
 .modal-content {
   position: relative;
   top: 200px;
+  
   margin: 0 auto;
   height: 210px;
   background-color: #fff;
@@ -30,6 +31,13 @@
   flex-direction: column;
 }
 
+.width-448 {
+  width: 448px;
+}
+.width-370 {
+  width: 370px;
+}
+
 .main-title, .ass-title {
   font-family: "PingFangSC-Regular", "PingFang SC";
 }
@@ -87,3 +95,36 @@
 .popup-jump-modal-hidden {
   display: none;
 }
+
+@media (max-width: 767px) {
+  .modal-content {
+    padding: 26px 20px;
+  }
+  .main-title {
+    font-size: 18px; 
+    line-height: 25px;
+  }
+  .ass-title {
+    font-size: 12px;
+    line-height: 17px;
+    margin-top: 12px;
+  }
+  .btn-wrapper {
+    display: flex;
+    flex-direction: column-reverse;
+  }
+  .cancel-btn, .jump-btn {
+    height: 34px;
+    padding: 9px 18px;
+    font-size: 12px;
+    font-weight: 400;
+    line-height: 17px;
+  }
+  .cancel-btn {
+    margin-right: 0;
+    margin-top: 12px;
+  }
+  .width-448, .width-370  {
+    width: 290px;
+  }
+}
diff --git a/src/app/modules/header/header.component.html b/src/app/modules/header/header.component.html
index e2c4b9ed..435c40eb 100644
--- a/src/app/modules/header/header.component.html
+++ b/src/app/modules/header/header.component.html
@@ -76,16 +76,16 @@ <h1 class="logo pt20">
       <i class="fa fa-navicon color-white fs-18"></i>
     </div>
   </header>
-  <div [ngClass]="jumpModal ? 'popup-jump-modal' : 'popup-jump-modal-hidden'">
-    <div class="modal-mask"></div>
-    <div class="modal-wrapper">
-      <div class="modal-content" [ngStyle]="{width: currentLanguage === 'English' ? '448px': '370px'}">
-        <h1 class="main-title">{{"new-website-upgrade" | translate}}</h1>
-        <em class="ass-title">{{"experiencing-the-brand-new-aelf" | translate}}</em>
-        <div class="btn-wrapper">
-          <button class="cancel-btn" (click)="hiddenPopupJump()">{{"remind-me-next-time" | translate}}</button>
-          <a class="jump-btn" target="_blank" [href]="jumpLink" (click)="hiddenPopupJump()">{{"jumping-into-now" | translate}} ({{timer}})</a>
-        </div>
+</div>
+<div [ngClass]="jumpModal ? 'popup-jump-modal' : 'popup-jump-modal-hidden'">
+  <div class="modal-mask"></div>
+  <div class="modal-wrapper">
+    <div [class]="currentLanguage === 'English'? 'modal-content width-448': 'modal-content width-370'">
+      <h1 class="main-title">{{"new-website-upgrade" | translate}}</h1>
+      <em class="ass-title">{{"experiencing-the-brand-new-aelf" | translate}}</em>
+      <div class="btn-wrapper">
+        <button class="cancel-btn" (click)="hiddenPopupJump()">{{"remind-me-next-time" | translate}}</button>
+        <a class="jump-btn" target="_blank" [href]="jumpLink" (click)="hiddenPopupJump()">{{"jumping-into-now" | translate}} ({{timer}})</a>
       </div>
     </div>
   </div>
diff --git a/src/app/modules/header/header.component.ts b/src/app/modules/header/header.component.ts
index b81eeca9..a501c3f0 100644
--- a/src/app/modules/header/header.component.ts
+++ b/src/app/modules/header/header.component.ts
@@ -130,7 +130,6 @@ export class HeaderComponent implements OnInit, OnDestroy {
   countDown() {
     if (this.timer > 0) {
       this.counter = setTimeout(() => {
-        console.log("counter")
         this.timer--;
         this.countDown();
       }, 1000);
diff --git a/src/app/wallet/wallet.component.html b/src/app/wallet/wallet.component.html
index 6945b26d..d14daeec 100644
--- a/src/app/wallet/wallet.component.html
+++ b/src/app/wallet/wallet.component.html
@@ -11,7 +11,7 @@ <h3 class="fs-36 mb20 ta-l"><strong>{{"aelf Wallet APP" | translate}}</strong></
               <div class="group_bt sm-hidden pic-txt-list-22">
                 <div class="col12-lg-3 col12-md-4 col12-sm-6 ta-c color-white skrollable skrollable-between mb30 mt20">
                   <div class="meenu brow-f">
-                    <a target="_blank" href="http://d.alphaqr.com/aelfwalletandroid"><span class="fs-14 brow"><img
+                    <a target="_blank" href="https://aelf.io/app/wallet-app-1.1.0.apk"><span class="fs-14 brow"><img
                           src="assets/images/andiro.svg" alt="">{{"Android Wallet " | translate}}</span></a>
                   </div>
                 </div>