diff --git a/src/js/controllers/tab-send.js b/src/js/controllers/tab-send.js index 192209a7c..d57a3b52c 100644 --- a/src/js/controllers/tab-send.js +++ b/src/js/controllers/tab-send.js @@ -6,6 +6,8 @@ angular.module('copayApp.controllers').controller('tabSendController', function( var CONTACTS_SHOW_LIMIT; var currentContactsPage; + $scope.hasFunds = false; + var updateList = function() { CONTACTS_SHOW_LIMIT = 10; currentContactsPage = 0; diff --git a/src/sass/buttons.scss b/src/sass/buttons.scss index c096bcd80..5c0c05713 100644 --- a/src/sass/buttons.scss +++ b/src/sass/buttons.scss @@ -38,6 +38,9 @@ $button-secondary-active-border: transparent; &.button-secondary { &.button-standard { @extend %button-standard; + & + .button-standard { + margin-top: 1rem; + } } } } diff --git a/src/sass/views/tab-scan.scss b/src/sass/views/tab-scan.scss index 9fe049233..ab8df4961 100644 --- a/src/sass/views/tab-scan.scss +++ b/src/sass/views/tab-scan.scss @@ -7,51 +7,13 @@ $scannerBackgroundColor: #060d2d; .bar-header { opacity: .9; } + .zero-state-cta { + padding-bottom: 6vh; + } &-has-problems, &-loading-camera { background-color: $scannerBackgroundColor; } - &-has-problems { - height: 100%; - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - - .zero-state { - &-icon { - display: inline-block; - width: 50px; - height: 50px; - border-radius: 50%; - padding: 13px; - box-shadow: $subtle-box-shadow; - background-color: #fff; - } - &-heading { - font-size: 20px; - margin: 1rem; - } - &-description { - margin: 0 2rem 120px; - opacity: .6; - max-width: 300px; - } - &-tldr { - margin: 1rem auto; - } - &-description, - &-tldr { - max-width: 300px; - } - &-cta { - position: absolute; - bottom: 0; - width: 100%; - padding-bottom: 6vh; - } - } - } &-loading-camera { height: 100%; width: 100% diff --git a/src/sass/views/tab-send.scss b/src/sass/views/tab-send.scss index ea74c2d72..75b7d770e 100644 --- a/src/sass/views/tab-send.scss +++ b/src/sass/views/tab-send.scss @@ -1,4 +1,7 @@ #tab-send { + .zero-state-cta { + padding-bottom: 3vh; + } .send-heading { font-size: 14px; font-weight: bold; diff --git a/src/sass/views/views.scss b/src/sass/views/views.scss index 565408372..8b1319ac0 100644 --- a/src/sass/views/views.scss +++ b/src/sass/views/views.scss @@ -15,6 +15,7 @@ @import "address-book"; @import "wallet-backup-phrase"; @import "address-book"; +@import "zero-state"; @import "onboarding/onboarding"; @import "includes/walletActivity"; @import "includes/wallets"; diff --git a/src/sass/views/zero-state.scss b/src/sass/views/zero-state.scss new file mode 100644 index 000000000..e5e39b0da --- /dev/null +++ b/src/sass/views/zero-state.scss @@ -0,0 +1,45 @@ +.zero-state { + height: 100%; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + text-align: center; + &-icon { + display: inline-block; + width: 50px; + height: 50px; + border-radius: 50%; + padding: 13px; + box-shadow: $subtle-box-shadow; + background-color: #fff; + img { + height: 100%; + width: 100%; + } + } + &-heading { + font-size: 20px; + margin: 1rem; + } + &-description { + margin-top: 0; + margin-left: 2rem; + margin-right: 2rem; + margin-bottom: 120px; + opacity: .6; + max-width: 300px; + } + &-tldr { + margin: 1rem auto; + } + &-description, + &-tldr { + max-width: 300px; + } + &-cta { + position: absolute; + bottom: 0; + width: 100%; + } +} diff --git a/www/views/tab-scan.html b/www/views/tab-scan.html index d75188b4d..653f6b94a 100644 --- a/www/views/tab-scan.html +++ b/www/views/tab-scan.html @@ -8,7 +8,7 @@ -
+
diff --git a/www/views/tab-send.html b/www/views/tab-send.html index 87c5f2dbe..d3dc03760 100644 --- a/www/views/tab-send.html +++ b/www/views/tab-send.html @@ -2,25 +2,38 @@ {{'Send' | translate}} - - + +
+ + + +
Start sending bitcoin
+
To get started, buy bitcoin or share your address. You can receive bitcoin from any wallet or service.
+
To get started, you'll need to create a bitcoin wallet and get some bitcoin.
+
+ + + +
+
+
+
Recipient
-
Contacts - + + +