adding latest

src/components/Appbar.vue

@@ -25,9 +25,11 @@
       <v-row>
         <v-col cols="2"></v-col>
         <v-col cols="4" class="d-flex justify-start">
-          <v-toolbar-title class="appTitle">
-            Savvy Firebase Tutorial
-          </v-toolbar-title>
+          <router-link :to="{ name: 'Home' }" class="routerLink">
+            <v-toolbar-title class="font-weight-bold">
+              Savvy Firebase Tutorial
+            </v-toolbar-title>
+          </router-link>
         </v-col>
         <v-col cols="4" class="d-flex justify-end align-self-center">
           <router-link :to="{ name: 'Login' }" class="routerLink">
@@ -48,12 +50,12 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.appTitle {
-  font-family: $gilroy-bold;
-}
+// .appTitle {
+//   // font-family: $gilroy-bold;
+// }
 
 .routerLink {
   text-decoration: none;
-  color: $mainColor
+  color: $mainColor;
 }
 </style>

src/components/LoginFull.vue

@@ -2,13 +2,18 @@
   <video-background
     :src="video"
     style=" height: 100vh;"
-    overlay="linear-gradient(45deg,#2a4ae430,#fb949e6b)"
+    overlay="linear-gradient(to right, #05193799, #10183d90, #1e164090, #2b114290, #39094190)"
   >
+  <LoginForm></LoginForm>
   </video-background>
 </template>
 
 <script>
+import LoginForm from "../views/forms/LoginForm";
 export default {
+  components: {
+    LoginForm,
+  },
   data() {
     return {
       video: require("../assets/videos/optical.mp4")