34 lines
462 B
CSS
34 lines
462 B
CSS
.App {
|
|
max-width: 80em;
|
|
margin: 0 auto;
|
|
display: grid;
|
|
grid-template-rows: auto auto;
|
|
grid-template-columns: 1fr 2fr;
|
|
}
|
|
|
|
.App-general {
|
|
grid-area: 1 / 1 / 2 / 3;
|
|
}
|
|
|
|
.App-editor {
|
|
grid-area: 2 / 1;
|
|
}
|
|
|
|
.App-renderer {
|
|
grid-area: 2 / 2 / 3 / 3;
|
|
box-shadow: 2px 2px 5px red;
|
|
position: relative;
|
|
}
|
|
.App-renderer > svg {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.App-overlay {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|