Style and translation update

MyEtherWallet · Aug 7, 2018 · a3a6093 · a3a6093 · mew-bot · Aug 7, 2018
1 parent b005078
commit a3a6093
Show file tree

Hide file tree

Showing 8 changed files with 21 additions and 11 deletions.
diff --git a/src/containers/AboutContainer/AboutContainer.scss b/src/containers/AboutContainer/AboutContainer.scss
@@ -36,7 +36,7 @@
 
       p {
         line-height: 19px;
-        margin-bottom: 40px;
+        margin-bottom: 30px;
 
         @media all and (min-width: $tablet-width + 1){
           width: 380px;

diff --git a/src/containers/AboutContainer/AboutContainer.vue b/src/containers/AboutContainer/AboutContainer.vue
@@ -12,10 +12,6 @@
                 <h2>{{ $t("home.aboutTitle") }}</h2>
                 <p class="color-white">
                   {{ $t("home.aboutSubheading") }}
-                  <br>
-                  <span class="color-white text-bold">
-                    {{ $t("home.aboutbeResponsible") }}
-                  </span>
                 </p>
                 <div class="watch-video">
                   <router-link to="/">

diff --git a/src/containers/FooterContainer/FooterContainer.scss b/src/containers/FooterContainer/FooterContainer.scss
@@ -108,7 +108,7 @@ a:active {
     h3 {
       img {
         height: 30px;
-        margin-top: -7px;
+        margin-top: -8px;
         vertical-align: top;
         margin-left: -9px;
       }

diff --git a/src/layouts/HomeLayout/components/Promo/Promo.scss b/src/layouts/HomeLayout/components/Promo/Promo.scss
@@ -32,7 +32,7 @@
       margin-left: auto;
 
       .button-block {
-        margin-left: 20px;
+        margin-left: 13px;
         transition: all .2s ease;
 
         span {

diff --git a/src/layouts/HomeLayout/components/Promo/Promo.vue b/src/layouts/HomeLayout/components/Promo/Promo.vue
@@ -16,7 +16,7 @@
             </div>
             <div class="button-block">
               <router-link :to="$store.state.wallet === null || $store.state.wallet === undefined ? '/access-my-wallet' : '/interface'" class="nounderline">
-                <span class="large-round-button-white-filled green-text-color">
+                <span class="large-round-button-white-filled__body-text-color">
                   {{ $t("common.accessMyWallet") }}
                 </span>
               </router-link>

diff --git a/src/layouts/HomeLayout/components/TopBanner/TopBanner.scss b/src/layouts/HomeLayout/components/TopBanner/TopBanner.scss
@@ -17,6 +17,8 @@
       font-size: 45px;
       font-weight: 700;
       line-height: 47px;
+      margin-bottom: 8px;
+      letter-spacing: -1px;
     }
 
     p {

diff --git a/src/scss/Globals.scss b/src/scss/Globals.scss
@@ -411,6 +411,18 @@ h6 {
   user-select: none;
 }
 
+.large-round-button-white-filled__body-text-color {
+  color: $text-base-color;
+  background-color: $button--background-color-2;
+  border: 1px solid $button--border-color-1;
+  border-radius: 5px;
+  cursor: pointer;
+  font-size: 14px;
+  font-weight: 500;
+  padding: 21px 55px;
+  user-select: none;
+}
+
 .large-round-button-white-border {
   border: 1px solid $button--border-color-1;
   border-radius: 5px;

diff --git a/src/translations/home/gb.js b/src/translations/home/gb.js
@@ -1,13 +1,13 @@
 const home = {
-  title1: 'My Security',
-  title2: 'Ethereum Wallet',
+  title1: 'Ethereum\'s',
+  title2: 'Original Wallet',
   subheading: 'MEW helps you to generate Ethereum wallets, and interact with the Ethereum blockchain easily and securely. MEW is a free and open-source, client-side interface.',
   obtainAddress: 'To obtain ETH address and generate your private key. Saving and safekeeping the key will be your responsibility.',
   getStarted: 'Get Started',
   accessMyWalletDesc: 'To send Ethereum and tokens, swap coins, sale the domain, deploy the contract after you access your wallet.',
   accessNow: 'Access Now',
   aboutTitle: 'About MEW',
-  aboutSubheading: 'MyEtherWallet(MEW)  provides a easy to use interface. We won’t hold your keys, also we can’t access accounts, recover your keys, reset your passwords, nor reverse your transactions. Please pay attention that you are on Correct URL.',
+  aboutSubheading: 'MyEtherWallet - please, call us MEW - puts the Ethereum blockchain at your fingertips. We are a team of crypto enthusiasts dedicated to bring you the most secure, most intuitive, and dare we say prettiest way to manage your ETH and ERC-20 tokens. We\'re always here to help, and we\'re never giving away ETH. Cheers!',
   aboutBeResponsible: 'Please Take Responsible For Your Account Security.',
   aboutWatchVideo: 'Watch Video',
   aboutMewWallet: 'MEW Wallet',