[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-label', 'SELECT TYPE'),
h('div.new-account-import-form__select-label', 'Select Type'),
h(Select, {
className: 'new-account-import-form__select',

@ -32,15 +32,20 @@ PrivateKeyImportView.prototype.render = function () {
return (
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', {
type: 'password',
id: 'private-key-box',
onKeyPress: () => this.createKeyringOnEnter(),
}),
h('div.new-account-import-form__private-key-password-container', [
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', {
onClick: () => goHome(),

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

Loading…
Cancel
Save