Add v-app-bar for mobile dashboard menu toggle

src/ECER.Clients.RegistryPortal/ecer.clients.registryportal.client/src/components/Certifications.vue

@@ -18,10 +18,6 @@
         </tbody>
       </table>
     </div>
-
-    <div>
-      <button type="button" @click="createApplication">New Application</button>
-    </div>
   </div>
 </template>
 
@@ -43,11 +39,5 @@ export default defineComponent({
   created() {
     this.applicationStore.fetchApplications();
   },
-  methods: {
-    async createApplication() {
-      await this.applicationStore.newApplication();
-      this.applicationStore.fetchApplications();
-    },
-  },
 });
 </script>

src/ECER.Clients.RegistryPortal/ecer.clients.registryportal.client/src/components/NavigationBar.vue

@@ -1,10 +1,17 @@
 <template>
-  <v-app-bar height="80" elevation="0" color="primary">
+  <v-app-bar
+    height="80"
+    elevation="0"
+    color="primary"
+    :style="{
+      'border-bottom': '2px solid #FCBA19',
+    }"
+  >
     <router-link to="/">
       <img src="../assets/bc-gov-logo.svg" width="155" class="logo ms-6" alt="B.C. Government Logo" />
     </router-link>
     <v-toolbar-title>My ECE Registry</v-toolbar-title>
-    <v-btn v-if="userStore.isAuthenticated" color="white" @click="logout">Logout</v-btn>
+    <v-btn v-if="userStore.isAuthenticated" class="align-self-center" color="white" @click="logout">Logout</v-btn>
   </v-app-bar>
 </template>
 

src/ECER.Clients.RegistryPortal/ecer.clients.registryportal.client/src/components/pages/Dashboard.vue

@@ -26,6 +26,10 @@
       </v-list>
     </v-navigation-drawer>
 
+    <v-app-bar v-if="$vuetify.display.mobile" height="40" elevation="0" color="warning">
+      <v-icon class="ms-6" size="large" color="grey-dark" icon="mdi-menu" @click="drawer = !drawer"></v-icon>
+    </v-app-bar>
+
     <v-main>
       <v-container fluid>
         <v-row>