ayanova/src/views/login.vue

@@ -5,13 +5,13 @@
         <form>
           <v-row>
             <!-- Customer logo -->
-            <v-col v-if="hasSmallLogo" cols="12" class="hidden-md-and-up">
+            <v-col v-if="showCustomSmallLogo()" cols="12">
               <div class="text-center">
                 <img :src="smallLogoUrl" />
               </div>
             </v-col>
 
-            <v-col v-if="hasMediumLogo" cols="7" class="hidden-sm-and-down">
+            <v-col v-if="showCustomMediumLogo()" cols="7">
               <div class="text-center">
                 <img :src="mediumLogoUrl" />
               </div>
@@ -101,7 +101,7 @@
         </form>
       </v-col>
     </v-row>
-    <v-footer color="primary" padless absolute >
+    <v-footer color="primary" padless absolute>
       <div style="text-align: center;" class="mx-auto pa-4 mb-10 mb-sm-1 mt-n8">
         <a
           href="https://ayanova.com"
@@ -318,19 +318,18 @@ export default {
     },
     version() {
       return ayaNovaVersion.version;
-    },
-    showFooterLogo() {
-      if (this.hasSmallLogo && this.$vuetify.breakpoint.smAndDown) {
-        return true;
-      }
-      if (this.hasMediumLogo && this.$vuetify.breakpoint.mdAndUp) {
-        return true;
-      }
-
-      return false;
     }
   },
   methods: {
+    showFooterLogo() {
+      return this.showCustomSmallLogo() || this.showCustomMediumLogo();
+    },
+    showCustomSmallLogo() {
+      return this.hasSmallLogo && this.$vuetify.breakpoint.smAndDown;
+    },
+    showCustomMediumLogo() {
+      return this.hasMediumLogo && this.$vuetify.breakpoint.mdAndUp;
+    },
     trialUserSelected(item) {
       this.input.password = item.p;
       this.input.username = item.l;