From 93633845527bea4ba69e80693157748042f6af88 Mon Sep 17 00:00:00 2001
From: Rune Harlyk <rune@harlyk.dk>
Date: Wed, 12 Jul 2023 15:30:14 +0200
Subject: [PATCH] =?UTF-8?q?=E2=9A=99=EF=B8=8F=20Adds=20config=20page?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/src/routes/Config.svelte | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)
 create mode 100644 app/src/routes/Config.svelte

diff --git a/app/src/routes/Config.svelte b/app/src/routes/Config.svelte
new file mode 100644
index 0000000..871c676
--- /dev/null
+++ b/app/src/routes/Config.svelte
@@ -0,0 +1,24 @@
+<script lang="ts">
+</script>
+
+<div class="w-full h-full absolute top-0 p-4 flex justify-center items-center">
+    <div class="bg-gray-800 rounded-md p-4 w-full h-1/2">
+        <h1 class="text-lg border-b border-gray-600">Servo calibration</h1>
+        <div class="grid grid-cols-2">
+            <label for="enable">Enable</label>
+            <input bind:value={isEnable} type="checkbox" id="enable" />
+        </div>
+        <div class="grid grid-cols-2">
+            <label for="inverted">Inverted</label>
+            <input bind:value={isInverted} type="checkbox" id="Inverted" />
+        </div>
+        <div class="grid grid-cols-2">
+            <label for="pwm">Pwm ({pwm})</label>
+            <div class="flex">
+                <button class="p-2" on:click={() => pwm--}>-</button>
+                <input bind:value={pwm} type="range" id="pwm" min={0} max={700}>
+                <button class="p-2" on:click={() => pwm++}>+</button>
+            </div>
+        </div>
+    </div>
+</div>