minor fixes

site/src/components/TopNav.html

@@ -57,7 +57,7 @@
 		display: flex;
 		align-items: center;
 		justify-content: space-between;
-		width: 100%;
+		width: 100vw;
 		height: var(--nav-h);
 		padding: 0 var(--side-nav);
 		margin: 0 auto;
@@ -162,7 +162,7 @@
 			position: fixed;
 			top: 0;
 			left: 0;
-			width: 100%;
+			width: 100vw;
 			height: var(--nav-h);
 			padding: 0 var(--side-nav) 0 var(--side-nav);
 			display: flex;

site/src/routes/repl/_components/CodeMirror.html

@@ -18,9 +18,9 @@
 
 	export let mode;
 	export let code;
-	export let readonly;
+	export let readonly = false;
-	export let error;
+	export let error = null;
-	export let errorLoc;
+	export let errorLoc = null;
 	export let warningCount = 0;
 	export let flex = false;
 	export let lineNumbers = true;
@@ -146,6 +146,7 @@
 
 <style>
 	.codemirror-container {
+		position: relative;
 		width: 100%;
 	}
 

site/src/routes/repl/_components/Repl.html

@@ -249,6 +249,7 @@
 
 	@media (min-width: 768px) {
 		.repl-inner {
+			width: 100%;
 			height: 100%;
 		}
 
@@ -263,7 +264,7 @@
 	}
 </style>
 
-<div class="repl-inner" class:offset="{show_output}" bind:offsetWidth={width}>
+<div class="repl-inner" class:offset="{show_output}" bind:clientWidth={width}>
 	<SplitPane type="horizontal" fixed="{768 > width}" pos={60} fixed_pos={60}>
 		<section slot=a>
 			<Input

site/static/global.css

@@ -11,7 +11,6 @@ html {
 	-ms-text-size-adjust: 62.5%;
 	-webkit-text-size-adjust: 62.5%;
 	-ms-overflow-style: -ms-autohiding-scrollbar;
-	overflow-y: scroll;
 	box-sizing: border-box;
 	border-collapse: collapse;
 }