@robotical/sensors-dashboard/src/components/GraphArea/styles.module.css

A dashboard tool for depicting Marty data by Robotical

.graphArea {
    display: grid;
    grid-template-columns: min-content .7fr;
    grid-template-rows: 1fr min-content;
    row-gap: 1rem;
    border-top: 2px solid black;
    padding-top: 1rem;
    margin-bottom: 1rem;
    white-space: nowrap;
    min-height: 300px;
}

.rightPanel {
    height: fit-content;
    width: fit-content;
    grid-row: 1;
    grid-column: 2;
    display: flex;
    column-gap: 1rem;
    z-index: 1;
    padding-left: 5rem;
    padding-top: 1rem;
}

.closeGraph {
    cursor: pointer;
}

@container (max-width: 500px) {
    .graphArea {
        grid-template-columns: 1fr;
    }

    .rightPanel {
        grid-column: 1;
    }
}