[NewUI] Updates capitalization and alignment for the import account screen. (#3122)

* Updates capitalization and alignment for the import account screen.

* Align elements in import form.
feature/default_network_editable
Dan J Miller 7 years ago committed by Alexander Tseung
parent 8378445112
commit 971112d413
  1. 2
      ui/app/accounts/import/index.js
  2. 19
      ui/app/accounts/import/private-key.js
  3. 25
      ui/app/css/itcss/components/new-account.scss

@ -37,7 +37,7 @@ AccountImportSubview.prototype.render = function () {
h('div.new-account-import-form__select-section', [ h('div.new-account-import-form__select-section', [
h('div.new-account-import-form__select-label', 'SELECT TYPE'), h('div.new-account-import-form__select-label', 'Select Type'),
h(Select, { h(Select, {
className: 'new-account-import-form__select', className: 'new-account-import-form__select',

@ -32,15 +32,20 @@ PrivateKeyImportView.prototype.render = function () {
return ( return (
h('div.new-account-import-form__private-key', [ h('div.new-account-import-form__private-key', [
h('span.new-account-create-form__instruction', 'Paste your private key string here:'),
h('input.new-account-import-form__input-password', { h('div.new-account-import-form__private-key-password-container', [
type: 'password',
id: 'private-key-box',
onKeyPress: () => this.createKeyringOnEnter(),
}),
h('div.new-account-create-form__buttons', {}, [ h('span.new-account-import-form__instruction', 'Paste your private key string here:'),
h('input.new-account-import-form__input-password', {
type: 'password',
id: 'private-key-box',
onKeyPress: () => this.createKeyringOnEnter(),
}),
]),
h('div.new-account-import-form__buttons', {}, [
h('button.new-account-create-form__button-cancel', { h('button.new-account-create-form__button-cancel', {
onClick: () => goHome(), onClick: () => goHome(),

@ -55,11 +55,17 @@
} }
.new-account-import-form { .new-account-import-form {
display: flex;
flex-flow: column;
align-items: center;
padding: 0 30px;
&__select-section { &__select-section {
display: flex; display: flex;
justify-content: space-evenly; justify-content: space-between;
align-items: center; align-items: center;
margin-top: 29px; margin-top: 29px;
width: 100%;
} }
&__select-label { &__select-label {
@ -91,19 +97,25 @@
} }
} }
&__private-key-password-container {
display: flex;
flex-flow: column;
align-items: center;
width: 100%;
}
&__instruction { &__instruction {
color: $scorpion; color: $scorpion;
font-family: Roboto; font-family: Roboto;
font-size: 16px; font-size: 16px;
line-height: 21px; line-height: 21px;
align-self: flex-start; align-self: flex-start;
margin-left: 30px;
} }
&__private-key { &__private-key {
display: flex; display: flex;
flex-flow: column; flex-flow: column;
align-items: center; align-items: flex-start;
margin-top: 34px; margin-top: 34px;
} }
@ -126,6 +138,13 @@
align-items: center; align-items: center;
margin-top: 29px; margin-top: 29px;
} }
&__buttons {
margin-top: 39px;
display: flex;
width: 100%;
justify-content: space-between;
}
} }
.new-account-create-form { .new-account-create-form {

Loading…
Cancel
Save