diff --git a/site/src/routes/repl/_components/Repl.html b/site/src/routes/repl/_components/Repl.html
index cdfd904760..2f03a8e002 100644
--- a/site/src/routes/repl/_components/Repl.html
+++ b/site/src/routes/repl/_components/Repl.html
@@ -54,6 +54,9 @@
let sourceErrorLoc;
let runtimeErrorLoc;
+ let width = typeof window !== 'undefined' ? window.innerWidth : 300;
+ let show_output = false;
+
onMount(async () => {
workers = {
compiler: new Worker('/workers/compiler.js'),
@@ -168,7 +171,11 @@
-
-
+
+
-
\ No newline at end of file
+
+
+
\ No newline at end of file
diff --git a/site/src/routes/repl/_components/SplitPane.html b/site/src/routes/repl/_components/SplitPane.html
index ad13bd53b5..17cf3952d2 100644
--- a/site/src/routes/repl/_components/SplitPane.html
+++ b/site/src/routes/repl/_components/SplitPane.html
@@ -5,10 +5,14 @@
const dispatch = createEventDispatcher();
export let type;
- export let min = 50;
- export let min1 = min;
- export let min2 = min;
export let pos = 50;
+ export let fixed = false;
+ export let fixed_pos = pos;
+ export let min = 50;
+ // export let min1 = min;
+ // export let min2 = min;
+
+ console.log({ fixed, pos, fixed_pos });
const refs = {};
const side = type === 'horizontal' ? 'left' : 'top';
@@ -124,15 +128,15 @@
height: 1px;
}
- @media (max-width: 767px) {
+ /* @media (max-width: 767px) {
.pane {
- /* override divider-set dimensions */
+ override divider-set dimensions
width: 100% !important;
height: auto !important;
}
- }
+ } */
- @media (min-width: 768px) {
+ /* @media (min-width: 768px) { */
.left, .right, .divider {
display: block;
@@ -150,19 +154,21 @@
.top { top: 0; }
.bottom { bottom: 0; }
- }
+ /* } */
-
+
-
+
-
+ {#if !fixed}
+
+ {/if}
{#if dragging}
diff --git a/site/src/routes/repl/embed.html b/site/src/routes/repl/embed.html
index 7fb8bb1ce6..5d1f3ce329 100644
--- a/site/src/routes/repl/embed.html
+++ b/site/src/routes/repl/embed.html
@@ -87,13 +87,13 @@
--pane-controls-h: 4.2rem;
}
- @media (min-width: 768px) {
+ /* @media (min-width: 768px) { */
.repl-outer {
background-color: var(--back);
overflow: hidden;
box-sizing: border-box;
}
- }
+ /* } */
diff --git a/site/src/routes/repl/index.html b/site/src/routes/repl/index.html
index fd2b37a62b..a07eeb2317 100644
--- a/site/src/routes/repl/index.html
+++ b/site/src/routes/repl/index.html
@@ -143,7 +143,7 @@
.pane { width: 100%; height: 100% }
- @media (min-width: 768px) {
+ /* @media (min-width: 768px) { */
.repl-outer {
margin: 0 -4.8rem; /* can't do calc(0 - var(--side-nav)) */
height: calc(100vh - var(--nav-h));
@@ -161,7 +161,7 @@
top: 0;
z-index: 11;
}
- }
+ /* } */
.loading {
text-align: center;