new ui stacture

New client/chameleon-client/src/views/About.vue

@@ -1,5 +0,0 @@
-<template>
-  <div class="about">
-    <h1>This is an about page</h1>
-  </div>
-</template>

New client/chameleon-client/src/views/Camera.vue

@@ -0,0 +1,43 @@
+<template>
+    <div>
+        <v-row >
+            <v-col cols="6" class="colsClass">
+                <v-tabs fixed-tabs background-color="#212121" dark height="50" slider-color="#4baf62">
+                    <v-tab to="">Input</v-tab>
+                    <v-tab to="">Threshold</v-tab>
+                    <v-tab to="">Contours</v-tab>
+                    <v-tab to="">Output</v-tab>
+                </v-tabs>
+                <div>
+                    
+                </div>
+            </v-col>
+            <v-col cols="6">
+                <img class="videoClass" src="https://pbs.twimg.com/profile_images/846659478120366082/K-kZVvT8_400x400.jpg">
+            </v-col>
+      </v-row>
+    </div>
+</template>
+
+<script>
+    export default {
+        name: '',
+        data() {
+            return {
+                
+            }
+        }
+    }
+</script>
+
+<style scoped>
+    .colsClass{
+        padding: 0 !important;
+        
+    }
+    .videoClass{
+        display: block;
+        margin-right: auto;
+        margin-left: auto;
+    }
+</style>

New client/chameleon-client/src/views/Home.vue

@@ -1,12 +0,0 @@
-<template>
-  <h4>te</h4>
-</template>
-
-<script>
-
-
-export default {
-  components: {
-  },
-};
-</script>

New client/chameleon-client/src/views/Settings.vue

@@ -0,0 +1,23 @@
+<template>
+    <div>
+        <v-tabs background-color="#212121" dark height="50" slider-color="#4baf62">
+            <v-tab to="">General</v-tab>
+            <v-tab to="">Cameras</v-tab>
+        </v-tabs>
+    </div>
+</template>
+
+<script>
+    export default {
+        name: '',
+        data() {
+            return {
+                
+            }
+        }
+    }
+</script>
+
+<style lang="" scoped>
+    
+</style>