From de01f5b7308b83647d823cfb4b2826af849423b7 Mon Sep 17 00:00:00 2001
From: Paul Oliver <contact@pauloliver.dev>
Date: Sat, 3 Jan 2026 09:20:23 +0000
Subject: Adds scaffold for motor control to frontend

---
 hsm-web/Client/src/App.vue | 33 +++++++++++++++++++++++++++++----
 1 file changed, 29 insertions(+), 4 deletions(-)

(limited to 'hsm-web/Client/src/App.vue')

diff --git a/hsm-web/Client/src/App.vue b/hsm-web/Client/src/App.vue
index af4ca3e..122ce41 100644
--- a/hsm-web/Client/src/App.vue
+++ b/hsm-web/Client/src/App.vue
@@ -1,17 +1,42 @@
 <template>
   <h1>HsMouse</h1>
   <INA226 />
-  <CameraStream />
+  <CamStream />
+  <MotorCtl />
 </template>
 
 <script>
-import INA226 from './INA226.vue'
-import CameraStream from './CameraStream.vue'
+import INA226    from './INA226.vue'
+import CamStream from './CamStream.vue'
+import MotorCtl  from './MotorCtl.vue'
 
 export default {
   components: {
     INA226,
-    CameraStream
+    CamStream,
+    MotorCtl
   }
 }
 </script>
+
+<style>
+table {
+  border-collapse: collapse;
+  border-spacing:  0;
+  height:          100%;
+  width:           100%;
+}
+td {
+  border:  1px solid black;
+  margin:  0;
+  padding: 0;
+}
+button {
+  border:     none;
+  display:    block;
+  min-height: 20px;
+  height:     100%;
+  width:      100%;
+  padding:    0;
+}
+</style>
-- 
cgit v1.2.1

