Restyle main layout

This commit is contained in:
Maciej Ziarkowski 2019-09-04 20:47:40 +01:00
parent fce0987c3d
commit 7fbb3b21f9

View File

@ -1,20 +1,34 @@
/** /**
* Main Layout * Main Layout
*/ */
main {
html, body, #root {
height: 100%;
}
body {
margin: 0;
}
#root {
display: flex;
flex-direction: column;
overflow: hidden;
}
main {
position: relative; position: relative;
min-height: 35rem; flex: 1;
display: flex;
flex-direction: column;
overflow: hidden;
} }
@media (min-width: 768px){
@media(min-width: 768px) {
main { main {
position: absolute; flex-direction: row;
top: 79px; /* matches 79px .main-header */
bottom: 0;
left: 0;
right: 0;
min-height: auto;
} }
} }
/** /**
* Text pages * Text pages
*/ */