From e33dae5b5d7822d360df202f6584a8752250bc42 Mon Sep 17 00:00:00 2001
From: Aaron Mussig <aaronmussig@gmail.com>
Date: Sat, 2 Jul 2022 10:30:25 +1000
Subject: [PATCH] test(background): Add DEV tile background for DEV
 environment.

---
 assets/images/dev-bg-tile.png | Bin 0 -> 234 bytes
 layouts/default.vue           |   7 +++++++
 nuxt.config.js                |   1 +
 3 files changed, 8 insertions(+)
 create mode 100644 assets/images/dev-bg-tile.png

diff --git a/assets/images/dev-bg-tile.png b/assets/images/dev-bg-tile.png
new file mode 100644
index 0000000000000000000000000000000000000000..1ba6960319e83a089a3c5c7de41ecc5c813e5e86
GIT binary patch
literal 234
zcmeAS@N?(olHy`uVBq!ia0vp^k|4~%1SGw?g-k%464!{5;QX|b^2DN42FH~Aq*MjZ
z+{E<Mpwz^a%EFVWHb6x^o-U3d6}R4mMDra`;1Je(c5~;=NfS-jL|OlCsb{_&AgBE_
zu`g<M=Lc6yyERW&=$+{F2=Z2)@;-cffMJS@PghY{6laQU|1S>z_CFE(6Vlb%6?A<q
z{Y<+pzP6O5q&3a7HDP{bpS)TA)9=3$-|y|1@wPE}+IM}wx+lBEb_skF*J9zCd#+Xf
e8S@8D0|r}Te@_n0P&c5v7(8A5T-G@yGywo6H&rqK

literal 0
HcmV?d00001

diff --git a/layouts/default.vue b/layouts/default.vue
index f8860b8..2cf2a2b 100644
--- 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
index 7e2d708..3ee8bd9 100644
--- 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,