Browse Source

fix(onboarding-layout-ui): Added input borders and adjusted spacing

renovate/lint-staged-8.x
odb366 7 years ago
parent
commit
fcf2700b83
  1. 4
      app/components/Onboarding/Alias.scss
  2. 3
      app/components/Onboarding/Autopilot.scss
  3. 14
      app/components/Onboarding/ConnectionDetails.scss
  4. 2
      app/components/Onboarding/ConnectionType.scss
  5. 8
      app/components/Onboarding/Login.scss
  6. 8
      app/components/Onboarding/NewAezeedPassword.scss
  7. 8
      app/components/Onboarding/NewWalletPassword.scss
  8. 2
      app/components/Onboarding/Signup.scss

4
app/components/Onboarding/Alias.scss

@ -3,7 +3,9 @@
.alias {
background: transparent;
outline: none;
border: 0;
border:1px solid #404040;
border-radius: 4px;
padding: 15px;
color: $gold;
-webkit-text-fill-color: $white;
font-size: 22px;

3
app/components/Onboarding/Autopilot.scss

@ -4,7 +4,7 @@
color: $white;
section {
margin: 20px 0;
margin-bottom: 0;
&.enable {
&.active {
@ -44,6 +44,7 @@
font-weight: 200;
cursor: pointer;
transition: all 0.25s;
margin-bottom: 20px;
}
.label {

14
app/components/Onboarding/ConnectionDetails.scss

@ -4,22 +4,26 @@
color: $white;
label {
display: block;
font-size: 12px;
line-height: 14px;
padding: 10px 0px;
padding-bottom: 5px;
min-height: 14px;
}
input {
background: transparent;
outline: none;
border: 0;
border:1px solid #404040;
border-radius: 4px;
padding: 10px;
color: $gold;
-webkit-text-fill-color: $white;
font-size: 22px;
font-size: 18px;
width: 100%;
// font-weight: 200;
margin-bottom: 25px;
font-weight: 400;
margin-bottom: 20px;
width: 600px;
}
input::-webkit-input-placeholder {

2
app/components/Onboarding/ConnectionType.scss

@ -4,7 +4,7 @@
color: $white;
section {
margin: 30px 0;
margin: 0;
&.option {
.button {

8
app/components/Onboarding/Login.scss

@ -7,15 +7,17 @@
.password {
background: transparent;
outline: none;
border: 0;
border:1px solid #404040;
border-radius: 4px;
padding: 15px;
color: $gold;
-webkit-text-fill-color: $white;
font-size: 22px;
border-bottom: 1px solid transparent;
//border-bottom: 1px solid transparent;
transition: all 0.25s;
&.inputError {
border-bottom: 1px solid $red;
border: 1px solid $red;
}
}

8
app/components/Onboarding/NewAezeedPassword.scss

@ -1,20 +1,22 @@
@import '../../variables.scss';
.input:nth-child(2) {
margin-top: 40px;
margin-top: 30px;
}
.password {
background: transparent;
outline: none;
border: 0;
border:1px solid #404040;
border-radius: 4px;
padding: 15px;
color: $gold;
-webkit-text-fill-color: $white;
font-size: 22px;
transition: all 0.25s;
&.error {
border-bottom: 1px solid $red;
border: 1px solid $red;
}
}

8
app/components/Onboarding/NewWalletPassword.scss

@ -1,20 +1,22 @@
@import '../../variables.scss';
.input:nth-child(2) {
margin-top: 40px;
margin-top: 30px;
}
.password {
background: transparent;
outline: none;
border: 0;
border:1px solid #404040;
border-radius: 4px;
padding: 15px;
color: $gold;
-webkit-text-fill-color: $white;
font-size: 22px;
transition: all 0.25s;
&.error {
border-bottom: 1px solid $red;
border: 1px solid $red;
}
}

2
app/components/Onboarding/Signup.scss

@ -4,7 +4,7 @@
color: $white;
section {
margin: 20px 0;
margin-bottom: 20px;
&.enable {
&.active {

Loading…
Cancel
Save