feat(home): add logo img config option ✨

weareopensource · Jul 19, 2020 · e76423b · e76423b
1 parent 28acac1
commit e76423b
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 2 deletions.
diff --git a/src/assets/images/logo.png b/src/assets/images/logo.png
diff --git a/src/config/defaults/development.js b/src/config/defaults/development.js
@@ -1,6 +1,7 @@
 module.exports = {
   app: {
     title: 'WAOS Dev',
+    logo: 'logo.png', // null to use title by default
     subtitle: 'welcome to demo.',
     description: 'Vue - Boilerplate Front : Vuetify, Axios, Jest, Cypress (Alpha) ',
     keywords: 'vue, vuetify, axios, jest, cypress',

diff --git a/src/modules/home/components/home.banner.component.vue b/src/modules/home/components/home.banner.component.vue
@@ -13,13 +13,14 @@
         <v-theme-provider dark>
           <v-container fill-height>
             <v-row align="center" class="white--text mx-auto" justify="center">
-              <v-col class="white--text text-center" cols="12" tag="h1">
+              <v-col class="white--text text-center" cols="6" tag="h1">
                 <span
-                  v-if="app.title"
+                  v-if="app.title && !app.logo"
                   :class="[$vuetify.breakpoint.smAndDown ? 'display-3' : 'display-4']"
                   class="font-weight-black"
                   >{{ app.title }}</span
                 >
+                <center><v-img v-if="app.logo" :src="require('@/assets/images/' + this.config.app.logo)" aspect-ratio="5" max-width="450"></v-img></center>
                 <br />
                 <span
                   v-if="app.subtitle"