adjust aa logo in social network (#726)

SaTT-Wallet · Apr 16, 2024 · da0eb10 · da0eb10
1 parent 6e01f76
commit da0eb10
Show file tree

Hide file tree

Showing 2 changed files with 64 additions and 32 deletions.
diff --git a/src/app/shared/components/qr-code/qr-code.component.html b/src/app/shared/components/qr-code/qr-code.component.html
@@ -1,6 +1,8 @@
 <div class="qrcode-desktop">
   <div *ngIf="existV2">
-    <div class="d-flex justify-content-center textecenter">{{'yourWalletID' | translate }}</div>
+    <div class="d-flex justify-content-center textecenter">
+      {{ 'yourWalletID' | translate }}
+    </div>
 
     <div class="globale mt-3">
       <!--     
@@ -53,7 +55,11 @@
                 src="../../../../assets/Images/symbol_crypto/MATIC.svg"
               />
               <img class="image" src="../../../../assets/Images/BTTCLogo.svg" />
-              <img class="image" src="../../../../assets/Images/symbol_crypto/AA.svg" />
+              <img
+                id="aa"
+                class="image"
+                src="../../../../assets/Images/symbol_crypto/AA.svg"
+              />
             </div>
             <div>
               <p class="bc">BEP20 / ERC20 / POLYGON / BTTC / ARTHERA</p>
@@ -79,7 +85,7 @@
             <img [src]="url4" alt="" id="qr_img" />
           </div>
           <div class="wallet-title w-100 d-flex justify-content-center mt-3">
-            {{'walletAddress' | translate }}
+            {{ 'walletAddress' | translate }}
           </div>
           <div
             class="wallet-address-wraaper w-100 d-flex justify-content-center mt-3"
@@ -102,22 +108,24 @@
           <div class="FourButton col-12">
             <div>
               <div class="btn-nav" (click)="goToBscan(ethv2)">
-                <div class="d-flex col-8 ml-3" style="white-space: nowrap">{{'goTo' | translate }} BscScan</div>
+                <div class="d-flex col-8 ml-3" style="white-space: nowrap">
+                  {{ 'goTo' | translate }} BscScan
+                </div>
                 <div class="d-flex col-3 mr-3 mb-2">
                   <img class="ml-2" src="assets/Images/navigate.svg" alt="" />
                 </div>
               </div>
               <div class="btn-nav" (click)="goToEther(ethv2)">
                 <div class="d-flex col-8 ml-3" style="white-space: nowrap">
-                  {{'goTo' | translate }} Etherscan
+                  {{ 'goTo' | translate }} Etherscan
                 </div>
                 <div class="d-flex col-3 mr-3 mb-2">
                   <img class="ml-2" src="assets/Images/navigate.svg" alt="" />
                 </div>
               </div>
               <div class="btn-nav" (click)="goToArthera(ethv2)">
                 <div class="d-flex col-8 ml-3" style="white-space: nowrap">
-                  {{'goTo' | translate }} ArtheraScan
+                  {{ 'goTo' | translate }} ArtheraScan
                 </div>
                 <div class="d-flex col-3 mr-3 mb-2">
                   <img class="ml-2" src="assets/Images/navigate.svg" alt="" />
@@ -127,14 +135,16 @@
             <div>
               <div class="btn-nav" (click)="goToPolygonScan(ethv2)">
                 <div class="d-flex col-8 ml-3" style="white-space: nowrap">
-                  {{'goTo' | translate }} PolygonScan
+                  {{ 'goTo' | translate }} PolygonScan
                 </div>
                 <div class="d-flex col-3 mr-2 mb-2">
                   <img class="ml-2" src="assets/Images/navigate.svg" alt="" />
                 </div>
               </div>
               <div class="btn-nav" (click)="goToBttScan(ethv2)">
-                <div class="d-flex col-8 ml-3" style="white-space: nowrap">{{'goTo' | translate }} BttScan</div>
+                <div class="d-flex col-8 ml-3" style="white-space: nowrap">
+                  {{ 'goTo' | translate }} BttScan
+                </div>
                 <div class="d-flex col-3 mr-3 mb-2">
                   <img class="ml-2" src="assets/Images/navigate.svg" alt="" />
                 </div>
@@ -192,7 +202,7 @@
             <img [src]="url5" alt="" id="qr_img" />
           </div>
           <div class="wallet-title w-100 d-flex justify-content-center mt-3">
-            {{'walletAddress' | translate }}
+            {{ 'walletAddress' | translate }}
           </div>
           <div
             class="wallet-address-wraaper w-100 d-flex justify-content-center mt-3"
@@ -213,7 +223,9 @@
             </span>
           </div>
           <div class="btn-nav" (click)="goToBtcScan(btcv2Code)">
-            <div class="d-flex col-8 ml-3" style="white-space: nowrap">{{'goTo' | translate }} BtcScan</div>
+            <div class="d-flex col-8 ml-3" style="white-space: nowrap">
+              {{ 'goTo' | translate }} BtcScan
+            </div>
             <div class="d-flex col-3 mr-3 mb-2">
               <img class="ml-2" src="assets/Images/navigate.svg" alt="" />
             </div>
@@ -267,7 +279,7 @@
             <img [src]="url6" alt="" id="qr_img" />
           </div>
           <div class="wallet-title w-100 d-flex justify-content-center mt-3">
-            {{'walletAddress' | translate }}
+            {{ 'walletAddress' | translate }}
           </div>
           <div
             class="wallet-address-wraaper w-100 d-flex justify-content-center mt-3"
@@ -289,7 +301,9 @@
           </div>
           <!-- <div class="d-flex justify-content-center "> -->
           <div class="btn-nav" (click)="goToTronScan(tronv2Address)">
-            <div class="d-flex col-8 ml-3" style="white-space: nowrap">{{'goTo' | translate }} tronScan</div>
+            <div class="d-flex col-8 ml-3" style="white-space: nowrap">
+              {{ 'goTo' | translate }} tronScan
+            </div>
             <div class="d-flex col-3 mr-3 mb-2">
               <img class="ml-2" src="assets/Images/navigate.svg" alt="" />
             </div>
@@ -306,11 +320,12 @@
       class="d-flex justify-content-center textecenter"
       *ngIf="existV1 && existV2"
     >
-      {{'YourOldWallet' | translate }}
+      {{ 'YourOldWallet' | translate }}
     </div>
 
     <div class="d-flex justify-content-center textecenter" *ngIf="!existV2">
-      {{'yourWalletID' | translate }}    </div>
+      {{ 'yourWalletID' | translate }}
+    </div>
     <div class="globale mt-3">
       <div
         class="container-QR-code"
@@ -347,7 +362,11 @@
                 src="../../../../assets/Images/symbol_crypto/MATIC.svg"
               />
               <img class="image" src="../../../../assets/Images/BTTCLogo.svg" />
-              <img class="image" src="../../../../assets/Images/symbol_crypto/AA.svg" />
+              <img
+                id="aa"
+                class="image"
+                src="../../../../assets/Images/symbol_crypto/AA.svg"
+              />
             </div>
             <div>
               <p class="bc">BEP20 / ERC20 / POLYGON / BTTC / ARTHERA</p>
@@ -373,7 +392,7 @@
             <img [src]="url1" alt="" id="qr_img" />
           </div>
           <div class="wallet-title w-100 d-flex justify-content-center mt-3">
-            {{'walletAddress' | translate }}
+            {{ 'walletAddress' | translate }}
           </div>
           <div
             class="wallet-address-wraaper w-100 d-flex justify-content-center mt-3"
@@ -396,22 +415,24 @@
           <div class="FourButton col-12">
             <div>
               <div class="btn-nav" (click)="goToBscan(eth)">
-                <div class="d-flex col-8 ml-3" style="white-space: nowrap">{{'goTo' | translate }} BscScan</div>
+                <div class="d-flex col-8 ml-3" style="white-space: nowrap">
+                  {{ 'goTo' | translate }} BscScan
+                </div>
                 <div class="d-flex col-3 mr-3 mb-2">
                   <img class="ml-2" src="assets/Images/navigate.svg" alt="" />
                 </div>
               </div>
               <div class="btn-nav" (click)="goToEther(eth)">
                 <div class="d-flex col-8 ml-3" style="white-space: nowrap">
-                  {{'goTo' | translate }} Etherscan
+                  {{ 'goTo' | translate }} Etherscan
                 </div>
                 <div class="d-flex col-3 mr-3 mb-2">
                   <img class="ml-2" src="assets/Images/navigate.svg" alt="" />
                 </div>
               </div>
               <div class="btn-nav" (click)="goToArthera(eth)">
                 <div class="d-flex col-8 ml-3" style="white-space: nowrap">
-                  {{'goTo' | translate }} ArtheraScan
+                  {{ 'goTo' | translate }} ArtheraScan
                 </div>
                 <div class="d-flex col-3 mr-3 mb-2">
                   <img class="ml-2" src="assets/Images/navigate.svg" alt="" />
@@ -421,14 +442,16 @@
             <div>
               <div class="btn-nav" (click)="goToPolygonScan(eth)">
                 <div class="d-flex col-8 ml-3" style="white-space: nowrap">
-                  {{'goTo' | translate }} PolygonScan
+                  {{ 'goTo' | translate }} PolygonScan
                 </div>
                 <div class="d-flex col-3 mr-2 mb-2">
                   <img class="ml-2" src="assets/Images/navigate.svg" alt="" />
                 </div>
               </div>
               <div class="btn-nav" (click)="goToBttScan(eth)">
-                <div class="d-flex col-8 ml-3" style="white-space: nowrap">{{'goTo' | translate }} BttScan</div>
+                <div class="d-flex col-8 ml-3" style="white-space: nowrap">
+                  {{ 'goTo' | translate }} BttScan
+                </div>
                 <div class="d-flex col-3 mr-3 mb-2">
                   <img class="ml-2" src="assets/Images/navigate.svg" alt="" />
                 </div>
@@ -486,7 +509,7 @@
             <img [src]="url2" alt="" id="qr_img" />
           </div>
           <div class="wallet-title w-100 d-flex justify-content-center mt-3">
-            {{'walletAddress' | translate }}
+            {{ 'walletAddress' | translate }}
           </div>
           <div
             class="wallet-address-wraaper w-100 d-flex justify-content-center mt-3"
@@ -507,7 +530,9 @@
             </span>
           </div>
           <div class="btn-nav" (click)="goToBtcScan(btcCode)">
-            <div class="d-flex col-8 ml-3" style="white-space: nowrap">{{'goTo' | translate }} BtcScan</div>
+            <div class="d-flex col-8 ml-3" style="white-space: nowrap">
+              {{ 'goTo' | translate }} BtcScan
+            </div>
             <div class="d-flex col-3 mr-3 mb-2">
               <img class="ml-2" src="assets/Images/navigate.svg" alt="" />
             </div>
@@ -561,7 +586,7 @@
             <img [src]="url3" alt="" id="qr_img" />
           </div>
           <div class="wallet-title w-100 d-flex justify-content-center mt-3">
-            {{'walletAddress' | translate }}
+            {{ 'walletAddress' | translate }}
           </div>
           <div
             class="wallet-address-wraaper w-100 d-flex justify-content-center mt-3"
@@ -583,7 +608,9 @@
           </div>
           <!-- <div class="d-flex justify-content-center "> -->
           <div class="btn-nav" (click)="goToTronScan(tronAddress)">
-            <div class="d-flex col-8 ml-3" style="white-space: nowrap">{{'goTo' | translate }} tronScan</div>
+            <div class="d-flex col-8 ml-3" style="white-space: nowrap">
+              {{ 'goTo' | translate }} tronScan
+            </div>
             <div class="d-flex col-3 mr-3 mb-2">
               <img class="ml-2" src="assets/Images/navigate.svg" alt="" />
             </div>

diff --git a/src/app/shared/components/qr-code/qr-code.component.scss b/src/app/shared/components/qr-code/qr-code.component.scss
@@ -5,12 +5,18 @@
   margin-left: -10px;
 }
 
+#aa {
+  width: 42px;
+  height: 37px;
+  margin-left: -0.9em;
+  bottom: 0.1em;
+}
+
 .logoCypto {
   display: flex;
   cursor: pointer;
 }
 
-
 .migratebtn {
   /* display: flex; */
   flex-direction: row;
@@ -43,27 +49,26 @@
   border: thin;
 }
 
-.textecenter{
+.textecenter {
   height: 37px;
 
   top: 181px;
-  
+
   /* DESKTOP/Titles/H3 */
-  
+
   font-family: 'Poppins';
   font-style: normal;
   font-weight: 700;
   font-size: 22px;
   line-height: 28px;
   /* or 127% */
-  
+
   display: flex;
   align-items: center;
   text-align: center;
   letter-spacing: 1px;
-
-  color: #323754;
 
+  color: #323754;
 }
 
 .qrcode-desktop {