1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-12 04:37:13 +01:00
metamask-extension/ui/pages/create-account/import-account/index.scss
Alex Donesky 7a8f65d642
fix import account page layout (#11944)
* fix import account page layout

* cleanup
2021-09-03 10:56:43 -05:00

86 lines
1.4 KiB
SCSS

.new-account-info-link {
cursor: pointer;
text-decoration: underline;
color: $primary-blue;
}
.new-account-import-form {
display: flex;
flex-flow: column;
align-items: center;
padding: 0 30px 30px;
@media screen and (max-width: $break-small) {
padding: 0 22px 22px;
}
&__select-section {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 29px;
width: 100%;
}
&__select-label {
@include Paragraph;
color: $scorpion;
}
&__select {
width: 210px;
display: flex;
align-items: center;
}
&__private-key-password-container {
display: flex;
flex-flow: column;
align-items: center;
width: 100%;
}
&__instruction {
@include Paragraph;
color: $scorpion;
align-self: flex-start;
}
&__private-key {
display: flex;
flex-flow: column;
align-items: flex-start;
margin-top: 34px;
}
&__input-password {
@include Paragraph;
height: 54px;
width: 315px;
border: 1px solid $geyser;
border-radius: 4px;
background-color: $white;
margin-top: 16px;
color: $scorpion;
padding: 0 20px;
}
&__json {
display: flex;
flex-flow: column;
align-items: center;
margin-top: 29px;
width: 100%;
}
&__buttons {
margin-top: 39px;
display: flex;
width: 100%;
justify-content: space-between;
}
}