diff options
| author | Helianthella <git@gumi.ca> | 2020-12-25 23:44:30 -0500 |
|---|---|---|
| committer | Helianthella <git@gumi.ca> | 2020-12-25 23:44:30 -0500 |
| commit | e8238555e8dc999c7cc7f3f9b99617b0d8cd5016 (patch) | |
| tree | 40bb64befbaf3f7eeecc1dc5fabb3bf056dc3da1 /src/App.vue | |
| parent | 618691cbce7932e1ca4e79873b7b5b3550dc51a9 (diff) | |
| download | website-e8238555e8dc999c7cc7f3f9b99617b0d8cd5016.tar.gz website-e8238555e8dc999c7cc7f3f9b99617b0d8cd5016.tar.bz2 website-e8238555e8dc999c7cc7f3f9b99617b0d8cd5016.tar.xz website-e8238555e8dc999c7cc7f3f9b99617b0d8cd5016.zip | |
remove the notice about Doomsday
Diffstat (limited to 'src/App.vue')
| -rw-r--r-- | src/App.vue | 18 |
1 files changed, 17 insertions, 1 deletions
diff --git a/src/App.vue b/src/App.vue index f46f063..01632d9 100644 --- a/src/App.vue +++ b/src/App.vue @@ -1,5 +1,6 @@ <template> - <Logo class="header"/> + <div v-if="globalStatus" class="dialog" v-html="globalStatus"></div> + <Logo v-else class="header"/> <Navigation class="nav"/> <router-view v-if="loaded" class="content"/> <main v-else class="content" role="alert" aria-busy="true"> @@ -41,6 +42,19 @@ & > .footer { grid-area: footer; } + + & .dialog { + background: #ff0000; + color: #fff; + padding: 2em 1em 2em 1em; + display: block; + font-size: 1.5rem; + margin: 1rem; + z-index: 10000; + grid-area: logo; + border: 5px gray(95) dotted; + } + font-family: sans-serif; color: #2c3e50; width: 100%; @@ -91,6 +105,8 @@ import Copyright from "@/components/Footer.vue"; export default class AppV extends Vue { loaded = false; + globalStatus = process.env.VUE_APP_STATUS?.trim() ?? ""; + mounted () { self.addEventListener("initial-load", () => { this.loaded = true; |