59 lines
981 B
CSS
59 lines
981 B
CSS
/* body {
|
|
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica,
|
|
Arial, sans-serif;
|
|
margin: auto;
|
|
max-width: 38rem;
|
|
padding: 2rem;
|
|
} */
|
|
|
|
body {
|
|
width: 100vw;
|
|
height: 100vh;
|
|
/* margin: 0; */
|
|
/* padding: 0; */
|
|
display: grid;
|
|
grid-template-rows: auto minmax(0, 1fr);
|
|
grid-template-columns: auto minmax(0, 4fr);
|
|
}
|
|
|
|
body > header {
|
|
padding: 0px;
|
|
grid-column: 1 / -1;
|
|
grid-row: 1;
|
|
}
|
|
|
|
body > main {
|
|
grid-column: 2;
|
|
grid-row: 2;
|
|
padding: 0;
|
|
}
|
|
|
|
aside {
|
|
grid-column: 1;
|
|
grid-row: 2;
|
|
resize: horizontal;
|
|
overflow: hidden;
|
|
border: 1px solid green;
|
|
|
|
min-width: 120px;
|
|
max-width: 50vw;
|
|
width: 200px;
|
|
}
|
|
|
|
#editorGrid {
|
|
display: grid;
|
|
height: minmax(0, 100%);
|
|
width: minmax(0, 100%);
|
|
overflow: auto;
|
|
grid-auto-flow: column;
|
|
grid-auto-columns: min-content;
|
|
grid-gap: 1em;
|
|
grid-template-columns: none;
|
|
/* grid-template-columns: 1fr; */
|
|
overflow-x: auto;
|
|
}
|
|
|
|
.editorWrapper {
|
|
min-width: fit-content;
|
|
}
|