NavBar to Upload and Apply pages

form/res-judicata/src/components/NavBar.vue

@@ -0,0 +1,18 @@
+<template>
+    <b-navbar>
+        <template #brand>
+            <b-navbar-item tag="router-link" :to="{ path: '/' }">
+                <img
+                    src="@/assets/logo.png"
+                    alt="Res Judicata"
+                >
+            </b-navbar-item>
+        </template>
+    </b-navbar>
+</template>
+
+<script>
+export default {
+    name: "NavBar"
+}
+</script>

form/res-judicata/src/views/Apply.vue

@@ -1,5 +1,6 @@
 <template>
   <div id="component">
+    <NavBar></NavBar>
     <div class="container is-flex is-align-items-center is-flex-direction-column">
       <div class="field">
         <div class="file is-info has-name">
@@ -49,7 +50,6 @@
 
 <style scoped>
   #component {
-    margin: 2rem;
     max-height: 100vh;
   }
 
@@ -62,9 +62,10 @@
 // @ is an alias to /src
 
 import ICry from "../components/ICry";
+import NavBar from "../components/NavBar";
 export default {
   name: 'Apply',
-  components: {ICry},
+  components: {ICry, NavBar},
   props: {
   },
   data: function() {

form/res-judicata/src/views/Upload.vue

@@ -1,5 +1,6 @@
 <template>
   <div id="component">
+    <NavBar></NavBar>
     <div class="container is-flex is-align-items-center is-flex-direction-column">
       <div class="field">
         <div class="file is-info has-name">
@@ -54,7 +55,6 @@
   }
 
   #component {
-    margin: 2rem;
     max-height: 100vh;
   }
 
@@ -67,9 +67,10 @@
 // @ is an alias to /src
 
 import ICry from "../components/ICry";
+import NavBar from "../components/NavBar";
 export default {
   name: 'Upload',
-  components: {ICry},
+  components: {ICry, NavBar},
   props: {
     "detections": Array
   },