aswi20220x00-gitlab/webapp/styles/MainLayout.module.scss @ b6e24252

.layoutWrapper {
    background-color: #ffffff;
    display: grid;

    grid:
        [header-start] 'header' 50px [header-end]
        [main-start] 'content' [main-end];

    place-items: stretch;
    place-content: stretch;

    width: 100vw;
    height: 100vh;

    gap: 0;
    background-color: dimgray;
}

.header {
    grid-area: header;
}

.content {
    grid-area: content;
    overflow-y: hidden;
    padding: 20px;
    background-color: white;
    margin: 8px;
    border-radius: 6px;

    -webkit-box-shadow: 5px 5px 5px 5px rgba(138,138,138,0.75);
    box-shadow: 5px 5px 5px 5px rgba(138,138,138,0.75);
}

.contentAnnotator {
    grid-area: content;
    //@extend .content;
    margin: 8px;

    padding: 0;
    overflow-y: hidden;
}

.footer {
    grid-area: footer;
}