test(background): Add DEV tile background for DEV environment.

Ecogenomics · Jul 2, 2022 · e33dae5 · e33dae5
1 parent 0bdbeff
commit e33dae5
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 0 deletions.
diff --git a/assets/images/dev-bg-tile.png b/assets/images/dev-bg-tile.png
diff --git a/layouts/default.vue b/layouts/default.vue
@@ -57,6 +57,7 @@
     <v-app-bar
       app
       class="fix-navbar-width"
+      :class="{'fix-navbar-width': true, 'dev-bg': !isProd}"
       clipped-left
       color="black"
       dark
@@ -169,6 +170,7 @@ export default {
   },
   data() {
     return {
+      isProd: process.env.envName === 'prod',
       mdiOpenInNewSvg: mdiOpenInNew,
       drawer: false,
       browsersItems: [
@@ -312,4 +314,9 @@ export default {
 .fix-navbar-width >>> .v-toolbar__content {
   width: 100vw;
 }
+
+.dev-bg {
+  background-image: url('~/assets/images/dev-bg-tile.png') !important;
+  background-repeat: repeat !important;
+}
 </style>
diff --git a/nuxt.config.js b/nuxt.config.js
@@ -128,6 +128,7 @@ export default {
     apiMessageTimeout: 10000,
     apiTimeout: 30000,  // number of ms to wait until api call fails
     apiBase: process.env.API_BASE,
+    envName: process.env.ENV_NAME,
     advancedMaxHistory: 50,  // Maximum number of history states to retain in advanced search
     captchaSiteKey: process.env.CAPTCHA_KEY,
     googleAnalyticsId: process.env.GA_TRACKING_ID,