status-im
/
safe-react
mirror of https://github.com/status-im/safe-react.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

Modify UI layout according to design's wireframes

This commit is contained in:
apanizo 2018-08-23 13:44:48 +02:00
parent 7fc5198018
commit e71d4ccfff
3 changed files with 5 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/components/layout/Page/index.scss
View File

@ -2,6 +2,7 @@
display: flex;
flex-direction: column;
flex: 1 0 auto;
padding: 0 $xl;
}
.center {

5
src/components/layout/PageFrame/index.scss
View File

@ -1,7 +1,8 @@
.frame {
display: flex;
flex-direction: column;
flex: 1 0 auto;
flex: 1 1 auto;
background-color: white;
padding: $xl;
padding-bottom: $xl;
max-width: 100%;
}

6
src/index.scss
View File

@ -18,11 +18,7 @@ body {
body>div:first-child {
display: flex;
flex: 1 1 auto;
flex-direction: column;
min-height: calc(100% - (2 * $xl));
padding: $xl;
background-image: linear-gradient(to bottom, $primary, #1a829d, #1a829d, #1f5f76);
min-height: 100%;
}
h1, h2, h3 {