diff --git a/frontend/src/components/AccountReceiveTable.vue b/frontend/src/components/AccountReceiveTable.vue index 09d6f2bd3..576cff943 100644 --- a/frontend/src/components/AccountReceiveTable.vue +++ b/frontend/src/components/AccountReceiveTable.vue @@ -14,124 +14,161 @@
Scanning for funds...
- - - - - - + + diff --git a/frontend/src/components/BaseInput.vue b/frontend/src/components/BaseInput.vue index 1225c83b7..1041d88f6 100644 --- a/frontend/src/components/BaseInput.vue +++ b/frontend/src/components/BaseInput.vue @@ -32,6 +32,17 @@ @click="handleClick" /> + @@ -78,6 +89,12 @@ export default Vue.extend({ default: undefined, }, + counter: { + type: Number, + required: false, + default: undefined, + }, + dense: { type: Boolean, required: false, @@ -175,6 +192,7 @@ export default Vue.extend({ hideHint() { this.hintString = ''; + this.$emit('blur', this.content); }, showHint() { diff --git a/frontend/src/css/app.sass b/frontend/src/css/app.sass index 2c5d8537f..b73881cf3 100644 --- a/frontend/src/css/app.sass +++ b/frontend/src/css/app.sass @@ -87,7 +87,12 @@ p, div text-align: center .form - max-width: 510px + max-width: 475px + margin: 0 auto + +.form-wide + // Slightly wider form to ensure withdrawal addresses and private keys don't wrap on the receive table + max-width: 525px margin: 0 auto .horizontal-center diff --git a/frontend/src/layouts/BaseLayout.vue b/frontend/src/layouts/BaseLayout.vue index ff211072b..4112639df 100644 --- a/frontend/src/layouts/BaseLayout.vue +++ b/frontend/src/layouts/BaseLayout.vue @@ -52,8 +52,13 @@
-
- {{ userDisplayName }} +
+ + {{ userDisplayName }} + + + 🧙 Advanced mode is on +
@@ -71,29 +76,44 @@
-
+ +
+ - + + + + Advanced mode {{ advancedMode ? 'on' : 'off' }} + + + + Enables advanced features such as private key export, additional recipient ID options, and event + scanning settings. Use with caution! + + +
-
+ + +
Built by ScopeLift
-
+ + +
@@ -110,23 +130,10 @@ diff --git a/frontend/src/pages/AccountReceive.vue b/frontend/src/pages/AccountReceive.vue index fdc717c59..f80c4e6e6 100644 --- a/frontend/src/pages/AccountReceive.vue +++ b/frontend/src/pages/AccountReceive.vue @@ -9,9 +9,49 @@
-
-
This app needs your signature to scan for funds you've received
- +
+
+ This app needs your signature to scan for funds you've received +
+
Click below to scan for funds you've received
+ + + + + + Scan Settings + + + +
+ Enter the start or end blocks to use when scanning for events. A blank start block will scan from block + zero, and a blank end block will scan through the current block. +
+
+ + +
+
+ Enter the private key to use when scanning for events. A blank private key will use the ones generated + from your signature. +
+ + +
+
+
@@ -22,51 +62,112 @@
- +