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) { vpn_key +
+ vpn_key + +