Adds scaffold for motor control to frontend

1 files changed, 29 insertions, 4 deletions

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>