feat: add controls and handlers that aren't implemented yet

205stelzear · Jul 23, 2022 · 3b75e7c · 3b75e7c
1 parent f4215a4
commit 3b75e7c
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 0 deletions.
diff --git a/src/App.svelte b/src/App.svelte
@@ -25,6 +25,13 @@
 	function notifyAudio() {
 		return audio.play();
 	}
+
+	function handleLeftControl() {
+		console.log('pls Left');
+	}
+	function handleRightControl() {
+		console.log('pls Right');
+	}
 </script>
 
 <main>
@@ -44,3 +51,8 @@
 		</div>
 	</div>
 </main>
+
+<div class="controls">
+	<div class="left" on:click={(e) => handleLeftControl()} />
+	<div class="right" on:click={(e) => handleRightControl()} />
+</div>
diff --git a/src/styles/layout.css b/src/styles/layout.css
@@ -74,3 +74,17 @@ div.content {
 		filter: none;
 	}
 }
+
+div.controls {
+	position: absolute;
+	left: 0;
+	right: 0;
+	min-width: 100%;
+	min-height: 94%;
+	display: flex;
+}
+
+div.controls * {
+	min-width: 50%;
+	min-height: 100%;
+}