setHeaderColor + small upd

MinterTeam · Nov 22, 2024 · 71bedcc · 71bedcc
1 parent 3fd3d93
commit 71bedcc
Show file tree

Hide file tree

Showing 4 changed files with 28 additions and 10 deletions.
diff --git a/assets/less/style.less b/assets/less/style.less
@@ -109,7 +109,7 @@
 }
 
 // auth
-.auth-page {background: @c-main; display: flex; flex-direction: column; width: 100%; height: 560px; max-height: 100vh;}
+.auth-page {background: @c-main; display: flex; flex-direction: column; width: 100%; height: 360px; max-height: 100vh;}
 .auth__logo-container {display: flex; align-items: center; justify-content: center; flex-grow: 2; margin-top: @section-margin; padding: @section-margin 0;}
 
 

diff --git a/nuxt.config.js b/nuxt.config.js
@@ -97,6 +97,24 @@ module.exports = {
             { rel: 'icon', href: '/favicon.png' },
             { rel: 'apple-touch-icon', href: '/apple-touch-icon.png' },
         ],
+        script: [
+            { src: 'https://telegram.org/js/telegram-web-app.js', async: true, defer: true },
+            {
+              innerHTML: `
+                document.addEventListener('DOMContentLoaded', async () => {
+                  if (window.Telegram && window.Telegram.WebApp) {
+                    const webApp = window.Telegram.WebApp;
+                    await webApp.ready();
+                    webApp.setHeaderColor('#502ec2');
+                  }
+                });
+              `,
+              type: 'text/javascript'
+            }
+          ],
+          __dangerouslyDisableSanitizersByTagID: {
+            'custom-script': ['innerHTML']
+          }
     },
     css: [
         './static/css/style.min.css',

diff --git a/pages/auth/index.vue b/pages/auth/index.vue
@@ -37,7 +37,7 @@
                 </div>
 -->
                 <div class="u-cell">
-                    <a href="https://help.minter.network" class="bip-button bip-button--ghost-white" target="_blank">Help</a>
+                    <a href="https://t.me/MinterHelp" class="bip-button bip-button--ghost-white" target="_blank">Help</a>
                 </div>
             </div>
         </div>

diff --git a/pages/index.vue b/pages/index.vue
@@ -167,14 +167,6 @@
         </nuxt-link>
 
         <div class="u-section">
-            <template v-if="txList && txList.length">
-                <div class="list-title list-title--bold">Latest Transactions</div>
-                <TransactionTable :transaction-list="txList"/>
-                <div class="u-container u-section--small">
-                    <nuxt-link class="bip-button bip-button--ghost-main" to="/transactions">All Transactions</nuxt-link>
-                </div>
-            </template>
-
             <template v-if="balance && balance.length">
                 <div class="list-title list-title--bold">My coins</div>
                 <ul class="list">
@@ -195,6 +187,14 @@
                     <nuxt-link class="bip-button bip-button--ghost-main" to="/swap">Swap</nuxt-link>
                 </div>
             </template>
+
+            <template v-if="txList && txList.length">
+                <div class="list-title list-title--bold">Latest Transactions</div>
+                <TransactionTable :transaction-list="txList"/>
+                <div class="u-container u-section--small">
+                    <nuxt-link class="bip-button bip-button--ghost-main" to="/transactions">All Transactions</nuxt-link>
+                </div>
+            </template>
         </div>
     </Layout>
 </template>
-Original file line number
+Diff line change
@@ Expand Up / @@ -109,7 +109,7 @@ @@
     }
     // auth
-    .auth-page {background: @c-main; display: flex; flex-direction: column; width: 100%; height: 560px; max-height: 100vh;}
+    .auth-page {background: @c-main; display: flex; flex-direction: column; width: 100%; height: 360px; max-height: 100vh;}
     .auth__logo-container {display: flex; align-items: center; justify-content: center; flex-grow: 2; margin-top: @section-margin; padding: @section-margin 0;}
@@ Expand Down @@