m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 09:52:26 +01:00
Code

Left align create password.

Browse Source
This commit is contained in:
Dan 2018-03-12 20:17:44 -02:30
parent 0dad6db973
commit 70f33d4747
3 changed files with 22 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
mascara/src/app/first-time/create-password-screen.js
View File

@ -60,7 +60,7 @@ class CreatePasswordScreen extends Component {
return isLoading return isLoading
? <LoadingScreen loadingMessage="Creating your new account" /> ? <LoadingScreen loadingMessage="Creating your new account" />
: ( : (
<div> <div className={classnames({ 'first-view-main-wrapper': !isMascara })}>
<div className={classnames({ <div className={classnames({
'first-view-main': !isMascara, 'first-view-main': !isMascara,
'first-view-main__mascara': isMascara, 'first-view-main__mascara': isMascara,

18
mascara/src/app/first-time/index.css
View File

@ -21,6 +21,12 @@
text-align: center; text-align: center;
} }
.first-view-main-wrapper {
display: flex;
width: 100%;
padding-left: 10vw;
}
.first-view-main, .first-view-main,
.first-view-main__mascara { .first-view-main__mascara {
display: flex; display: flex;
@ -32,15 +38,9 @@
justify-content: space-between; justify-content: space-between;
} }
@media screen and (min-width: 576px) { @media screen and (max-width: 575px) {
.first-view-main { .first-view-main-wrapper {
width: 85vw; padding: 0;
}
}
@media screen and (min-width: 769px) {
.first-view-main {
width: 80vw;
} }
} }

12
ui/app/css/itcss/components/welcome-screen.scss
View File

@ -10,6 +10,10 @@
padding: 70px 0; padding: 70px 0;
background: $white; background: $white;
@media screen and (max-width: 575px) {
padding: 0;
}
&__info { &__info {
display: flex; display: flex;
flex-flow: column; flex-flow: column;
@ -20,6 +24,10 @@
&__header { &__header {
font-size: 1.65em; font-size: 1.65em;
margin-bottom: 14px; margin-bottom: 14px;
@media screen and (max-width: 575px) {
font-size: 1.5em;
}
} }
&__copy { &__copy {
@ -27,6 +35,10 @@
width: 400px; width: 400px;
max-width: 90vw; max-width: 90vw;
text-align: center; text-align: center;
@media screen and (max-width: 575px) {
font-size: 0.9em;
}
} }
} }