|
|
|
@ -137,31 +137,31 @@
|
|
|
|
|
<style>
|
|
|
|
|
.repl-outer {
|
|
|
|
|
position: relative;
|
|
|
|
|
min-height: calc(100vh - var(--nav-h));
|
|
|
|
|
--pane-controls-h: 4.2rem;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.pane { width: 100%; height: 100% }
|
|
|
|
|
|
|
|
|
|
/* @media (min-width: 768px) { */
|
|
|
|
|
.repl-outer {
|
|
|
|
|
margin: 0 -4.8rem; /* can't do calc(0 - var(--side-nav)) */
|
|
|
|
|
height: calc(100vh - var(--nav-h));
|
|
|
|
|
background-color: var(--back);
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
--app-controls-h: 5.6rem;
|
|
|
|
|
--pane-controls-h: 4.2rem;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
background-color: var(--back);
|
|
|
|
|
padding: var(--app-controls-h) 0 0 0;
|
|
|
|
|
margin: 0 -0.8rem;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.repl-outer.zen-mode {
|
|
|
|
|
.zen-mode {
|
|
|
|
|
position: fixed;
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 100%;
|
|
|
|
|
top: 0;
|
|
|
|
|
z-index: 11;
|
|
|
|
|
}
|
|
|
|
|
/* } */
|
|
|
|
|
|
|
|
|
|
.pane { width: 100%; height: 100% }
|
|
|
|
|
|
|
|
|
|
@media (min-width: 768px) {
|
|
|
|
|
.repl-outer {
|
|
|
|
|
margin: 0 -4.8rem; /* can't do calc(0 - var(--side-nav)) */
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.loading {
|
|
|
|
|
text-align: center;
|
|
|
|
|