1
Fork 0
mirror of https://github.com/pds-nest/nest.git synced 2024-11-23 21:44:19 +00:00
pds-2021-g2-nest/nest_frontend/components/base/layout/PageWithHeader.module.css

38 lines
No EOL
532 B
CSS

.PageWithHeader {
width: 100%;
height: 100%;
display: grid;
grid-template-areas:
"header button"
"body body";
grid-template-columns: 1fr auto;
grid-template-rows: auto 1fr;
}
.Header {
grid-area: header;
margin-bottom: 10px;
}
.Buttons {
grid-area: button;
margin-left: 10px;
margin-bottom: 10px;
display: flex;
flex-direction: row;
}
.Buttons > * {
flex-grow: 1;
}
.Body {
grid-area: body;
}
.Body > * {
width: 100%;
height: 100%;
}