ayanova/src/App.vue

@@ -95,18 +95,12 @@
         </v-row>
       </v-container>
     </v-content>
-    <v-footer v-if="!isAuthenticated">
+    <v-footer color="primary" padless v-if="!isAuthenticated">
-      <v-row>
+      <div>
-        <v-col primary py-2 text-center white--text xs12>
+        <a href="https://ayanova.com" target="_blank" class="white--text">
-          <div>
+          <span>AyaNova ({{ version }}) {{ copyright }}</span>
-            <a href="https://ayanova.com" target="_blank">
+        </a>
-              <span class="white--text caption"
+      </div>
-                >AyaNova ({{ version }}) {{ copyright }}</span
-              >
-            </a>
-          </div>
-        </v-col>
-      </v-row>
     </v-footer>
   </v-app>
 </template>

ayanova/src/components/HelloWorld.vue

@@ -1,16 +1,16 @@
 <template>
   <v-container>
-    <v-row text-center wrap>
+    <v-row>
-      <v-col xs12>
+      <v-col cols="12">
         <v-img
           :src="require('../assets/logo.svg')"
-          class="my-4"
           contain
           height="200"
+          position="center top"
         ></v-img>
       </v-col>
-      <v-col mb-6 v-if="this.formReady">
+      <v-col cols="12" v-if="this.formReady">
-        <h1 class="display-2 font-weight-bold mb-4">
+        <h1 class="display-1 font-weight-bold text-center">
           {{ lt("Welcome") }}
         </h1>
       </v-col>

ayanova/src/plugins/vuetify.js

@@ -33,19 +33,38 @@ import Vuetify from "vuetify/lib";
 Vue.use(Vuetify);
 
 export default new Vuetify({
-  icons: {
+  theme: {
-    iconfont: "fa",
+    themes: {
-    theme: {
+      light: {
-      primary: "#00205B", //Canucks dark blue
+        primary: "#00205B", //Canucks dark blue
-      secondary: "#00843D", //canucks green
+        secondary: "#00843D", //canucks green
 
-      accent: "#db7022", //lighter orangey red, more friendly looking though not as much clarity it seems
+        accent: "#db7022", //lighter orangey red, more friendly looking though not as much clarity it seems
-      //error: "#b71c1c", //dark red, easy to read but not error-y enough possibly
+        //error: "#b71c1c", //dark red, easy to read but not error-y enough possibly
 
-      //accent: "#BD491A", //dark orangey red, more clarity, less friendly looking
+        //accent: "#BD491A", //dark orangey red, more clarity, less friendly looking
-      error: "#ff5252", //lighter red, have to see if it's good for all screens and sizes as it's a bit light but it stands out as an error condition better
+        error: "#ff5252", //lighter red, have to see if it's good for all screens and sizes as it's a bit light but it stands out as an error condition better
 
-      disabled: "#e0e0e0"
+        disabled: "#e0e0e0"
+      }
     }
+  },
+  icons: {
+    iconfont: "fa"
   }
 });
+
+/**
+ * 
+export default new Vuetify({
+  theme: {
+    themes: {
+      light: {
+        primary: colors.red.darken1, // #E53935
+        secondary: colors.red.lighten4, // #FFCDD2
+        accent: colors.indigo.base, // #3F51B5
+      },
+    },
+  },
+})
+ */

ayanova/src/views/login.vue

@@ -1,11 +1,12 @@
 <template>
   <v-container fluid>
     <v-row>
-      <v-col cols="12" offset="1" class="d-none d-md-flex">
+      <v-col cols="12" offset="0" align-self="center" class="d-none d-md-flex">
         <v-img
           :src="require('../assets/logo.svg')"
           contain
           height="200"
+          position="center top"
         ></v-img>
       </v-col>
       <v-col cols="12" class="d-flex d-md-none">