diff --git a/qortal-ui-core/src/components/login-view/create-account-section.js b/qortal-ui-core/src/components/login-view/create-account-section.js
index 051bccc7..c74a347b 100644
--- a/qortal-ui-core/src/components/login-view/create-account-section.js
+++ b/qortal-ui-core/src/components/login-view/create-account-section.js
@@ -2,8 +2,6 @@ import { LitElement, html, css } from 'lit-element'
import { connect } from 'pwa-helpers'
import { store } from '../../store.js'
-// import { send } from '../../__src.js'
-
import { createWallet } from '../../../../qortal-ui-crypto/api/createWallet.js'
import FileSaver from 'file-saver'
@@ -38,7 +36,6 @@ class CreateAccountSection extends connect(store)(LitElement) {
backDisabled: { type: Boolean, notify: true },
backText: { type: String, notify: true },
hideNav: { type: Boolean, notify: true },
-
selectedPage: { type: String },
error: { type: Boolean },
errorMessage: { type: String },
@@ -97,6 +94,7 @@ class CreateAccountSection extends connect(store)(LitElement) {
this.createAccountLoading = true
const nameInput = this.shadowRoot.getElementById('nameInput').value
const password = this.shadowRoot.getElementById('password').value
+ const rePassword = this.shadowRoot.getElementById('rePassword').value
if (password === '') {
snackbar.add({
@@ -106,6 +104,14 @@ class CreateAccountSection extends connect(store)(LitElement) {
return
}
+ if (password != rePassword) {
+ snackbar.add({
+ labelText: 'Passwords not match!',
+ dismiss: true
+ })
+ return
+ }
+
if (password.length < 8 && lastPassword !== password) {
snackbar.add({
labelText: 'Your password is less than 8 characters! This is not recommended. You can continue to ignore this warning.',
@@ -237,43 +243,47 @@ class CreateAccountSection extends connect(store)(LitElement) {
div[hidden] {
display:none !important;
}
+
.flex {
display: flex;
}
+
.flex.column {
flex-direction: column;
}
+
#createAccountSection {
max-height: calc(var(--window-height) - 56px);
max-width: 440px;
- /* max-height: 500px; */
max-height:calc(100% - 100px);
padding: 0 12px;
overflow-y:auto;
}
+
#createAccountPages {
flex-shrink:1;
text-align: left;
- /* overflow:auto; */
left:0;
}
+
#createAccountPages [page] {
flex-shrink:1;
}
- /* .section-content {
+
+ .section-content {
padding:0 24px;
padding-bottom:0;
overflow:auto;
flex-shrink:1;
max-height: calc(100vh - 296px);
-
- } */
+ }
#download-area {
border: 2px dashed #ccc;
font-family: "Roboto", sans-serif;
padding: 10px;
}
+
#trigger:hover {
cursor: pointer;
}
@@ -281,6 +291,7 @@ class CreateAccountSection extends connect(store)(LitElement) {
mwc-checkbox::shadow .mdc-checkbox::after, mwc-checkbox::shadow .mdc-checkbox::before {
background-color:var(--mdc-theme-primary)
}
+
@media only screen and (max-width: ${getComputedStyle(document.body).getPropertyValue('--layout-breakpoint-tablet')}) {
/* Mobile */
#createAccountSection {
@@ -300,16 +311,16 @@ class CreateAccountSection extends connect(store)(LitElement) {
#infoContent p {
text-align: justify;
}
+
@keyframes fade {
from {
opacity: 0;
- /* transform: translateX(-20%) */
}
to {
opacity: 1;
- /* transform: translateX(0) */
}
}
+
iron-pages .animated {
animation-duration: 0.6s;
animation-name: fade;
@@ -390,6 +401,10 @@ class CreateAccountSection extends connect(store)(LitElement) {