develop

src/i18n/en-us/index.js

@@ -615,7 +615,7 @@ export default {
     },
     temporal: {
         telos_cloud_discontinued_title: 'Important',
-        telos_cloud_discontinued_message_title: 'Telos Cloud Wallet will be discontinued',
-        telos_cloud_discontinued_message_body: 'It is crucial for you to transfer your assets out of your Telos Cloud Wallet Accounts before December 31st.',
+        telos_cloud_discontinued_message_title: 'Attention Users: Telos Cloud Wallet will be discontinued.',
+        telos_cloud_discontinued_message_body:'The Telos Cloud Wallet sign-in option will be discontinued after December 31st. If you use the Telos Cloud Wallet to access your account, please transfer your assets to another wallet before this deadline. This change does not impact users accessing their accounts via Metamask, WalletConnect, Anchor, or other sign-in methods.',
     },
 };

src/pages/home/HomePage.vue

@@ -41,11 +41,11 @@ onMounted(() => {
     <q-page-container class="c-home__page-container">
         <div class="c-home">
             <div class="c-home__container">
-                <img
+                <div class="c-home__logo-container"><img
                     src="branding/telos-wallet-light.png"
                     :alt="$t('home.wallet_logo_alt')"
                     class="c-home__logo"
-                >
+                ></div>
                 <div class="c-home__button-container">
                     <div v-if="showLoginBtns" class="c-home__network-toggle-container" role="tablist">
                         <button
@@ -154,11 +154,16 @@ onMounted(() => {
         justify-content: space-between;
     }
 
+    &__logo-container {
+        flex-grow: 1;
+        align-self: center;
+        display: flex;
+        flex-direction: column;
+        justify-content: space-evenly;
+    }
+
     &__logo {
         width: 220px;
-        align-self: center;
-        margin-top: 10rem;
-        margin-bottom: 10rem;
     }
 
     &__button-container {