get URL bar working - closes #25

Author: Rich-Harris

src/routes/tutorial/[slug]/index.svelte

@@ -261,11 +261,10 @@
 
 						<input
 							value={path}
-							readonly
 							on:change={(e) => {
-								// TODO enable URL bar to control iframe
 								const url = new URL(e.currentTarget.value, adapter.base);
 								path = url.pathname + url.search + url.hash;
+								iframe.src = adapter.base + path;
 							}}
 						/>
 					</div>
@@ -405,12 +404,13 @@
 		width: 100%;
 		height: 4rem;
 		display: flex;
+		gap: 0.5rem;
 		padding: 0.4rem;
 		background: #f9f9f9;
 	}
 
 	.chrome button {
-		padding: 0.5rem 1rem;
+		padding: 0.5rem;
 	}
 
 	.chrome button img {
@@ -435,11 +435,6 @@
 		font-size: 1.6rem;
 	}
 
-	/* TODO change this once the input is interactive */
-	.chrome input:focus {
-		outline: none;
-	}
-
 	iframe {
 		width: 100%;
 		height: 100%;