status-im/safe-react
2
0
Fork 0
mirror of https://github.com/status-im/safe-react.git synced 2025-02-20 05:28:08 +00:00
Code Issues Projects Releases Wiki Activity

Modify UI layout according to design's wireframes

Browse Source
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; display: flex;
flex-direction: column; flex-direction: column;
flex: 1 0 auto; flex: 1 0 auto;
padding: 0 $xl;
} }
.center { .center {

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

@ -1,7 +1,8 @@
.frame { .frame {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
flex: 1 0 auto; flex: 1 1 auto;
background-color: white; 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 { body>div:first-child {
display: flex; display: flex;
flex: 1 1 auto; min-height: 100%;
flex-direction: column;
min-height: calc(100% - (2 * $xl));
padding: $xl;
background-image: linear-gradient(to bottom, $primary, #1a829d, #1a829d, #1f5f76);
} }
h1, h2, h3 { h1, h2, h3 {