Skip to content

Commit

Permalink
Browse files Browse the repository at this point in the history
feat(home): add status option next to logo ✨
  • Loading branch information
PierreBrisorgueil committed Nov 2, 2020
1 parent b891b56 commit 05d34be
Show file tree
Hide file tree
Showing 4 changed files with 24 additions and 6 deletions.
3 changes: 2 additions & 1 deletion src/config/defaults/development.js
@@ -1,6 +1,7 @@
module.exports = {
app: {
title: 'WAOS Dev',
title: 'WAOS',
status: 'Dev',
logo: 'logo.png', // null to use title by default
subtitle: 'welcome to demo.',
description: 'Vue - Boilerplate Front : Vuetify, Axios, Jest, Cypress (Alpha) ',
Expand Down
3 changes: 2 additions & 1 deletion src/config/defaults/production.js
Expand Up @@ -3,6 +3,7 @@ const defaultConfig = require('./development');

module.exports = _.merge(defaultConfig, {
app: {
title: 'WAOS Prod',
title: 'WAOS',
status: 'Prod',
},
});
23 changes: 19 additions & 4 deletions src/modules/home/components/home.banner.component.vue
Expand Up @@ -27,7 +27,13 @@
>
<v-theme-provider dark>
<v-container fill-height>
<v-row align="center" class="white--text mx-auto" justify="center">
<v-row align="center" class="white--text mx-auto" justify="center" style="margin-top:-100px;">
<span
v-if="app.status && app.status !== ''"
class="font-weight-light hidden-sm-and-down display-1"
:style="'position:absolute; margin-left:'+statusMargin+'px; margin-top:-100px; opacity:0.5;'"
>{{ app.status }}</span
>
<v-col class="white--text text-center" cols="12" tag="h1">
<span
v-if="app.title && !app.logo"
Expand All @@ -41,8 +47,17 @@
:src="require('@/assets/images/' + this.config.app.logo)"
aspect-ratio="5"
max-width="375"
></v-img>
class="mb-2"
>
</v-img>
</center>
<span
v-if="app.status && app.status !== ''"
class="font-weight-light hidden-md-and-up display-0"
style="opacity:0.5;"
>{{ app.status }}</span
>
<br class="hidden-md-and-up" />
<br />
<span
v-if="app.subtitle"
Expand Down Expand Up @@ -71,7 +86,7 @@
md="7"
lg="6"
xl="5"
style="bottom: 10%; position: absolute; opacity: 75%;"
style="bottom: 5%; position: absolute; opacity: 75%;"
data-aos="fade-up"
v-if="config.home.subscriptions && subscribe"
>
Expand Down Expand Up @@ -109,7 +124,7 @@ import { mapGetters } from 'vuex';
*/
export default {
name: 'homeBannerComponent',
props: ['ratio', 'subscribe', 'app'],
props: ['ratio', 'subscribe', 'app', 'statusMargin'],
data() {
return {
valid: false,
Expand Down
1 change: 1 addition & 0 deletions src/modules/home/views/home.view.vue
Expand Up @@ -4,6 +4,7 @@
v-bind:ratio="1"
v-bind:subscribe="true"
v-bind:app="config.app"
v-bind:statusMargin="450"
></homeBannerComponent>
<homeAboutsComponent
v-bind:abouts="config.home.abouts"
Expand Down

0 comments on commit 05d34be

Please sign in to comment.