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

Body width container in first time flow is consistent with app bar.

Browse Source
This commit is contained in:
Dan 2018-02-27 13:34:31 -03:30
parent c789bf1842
commit 746c3e5f18
2 changed files with 30 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -4,6 +4,8 @@
width: 100vw; width: 100vw;
background-color: #FFF; background-color: #FFF;
overflow: auto; overflow: auto;
display: flex;
justify-content: center;
} }
.alpha-warning { .alpha-warning {
@ -23,7 +25,6 @@
display: flex; display: flex;
flex-flow: column; flex-flow: column;
margin-top: 70px; margin-top: 70px;
margin-right: 10vw;
width: 35vw; width: 35vw;
max-width: 550px; max-width: 550px;
} }
@ -48,6 +49,10 @@
max-width: 35rem; max-width: 35rem;
} }
.create-password {
margin: 67px 0 50px 0px;
}
.import-account { .import-account {
max-width: initial; max-width: initial;
} }

24
ui/app/css/itcss/components/newui-sections.scss
View File

@ -290,3 +290,27 @@ $wallet-view-bg: $alabaster;
.token-balance__amount { .token-balance__amount {
padding-right: 6px; padding-right: 6px;
} }
// first time
.first-view-main {
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
@media screen and (max-width: 575px) {
height: 100%;
}
@media screen and (min-width: 576px) {
width: 85vw;
}
@media screen and (min-width: 769px) {
width: 80vw;
}
@media screen and (min-width: 1281px) {
width: 62vw;
}
}