diff options
author | Sukanya Pandey <sukapan1@in.ibm.com> | 2020-12-09 13:44:19 +0300 |
---|---|---|
committer | Derick Montague <derick.montague@ibm.com> | 2020-12-16 02:16:56 +0300 |
commit | c5c2ae99f6e9b91526ea5896b3029ab8a7480c6f (patch) | |
tree | 5992782ede6c5f457f15a7037c5f71902588845a /src/components | |
parent | f6df801b384118b946bb3b7b3248832ec70cfd0a (diff) | |
download | webui-vue-c5c2ae99f6e9b91526ea5896b3029ab8a7480c6f.tar.xz |
Show asset name in the app header
Signed-off-by: Sukanya Pandey <sukapan1@in.ibm.com>
Change-Id: If5394604d6c91b3604eaadb33178376fe6da672c
Diffstat (limited to 'src/components')
-rw-r--r-- | src/components/AppHeader/AppHeader.vue | 16 |
1 files changed, 15 insertions, 1 deletions
diff --git a/src/components/AppHeader/AppHeader.vue b/src/components/AppHeader/AppHeader.vue index 68de7d90..5b36cf85 100644 --- a/src/components/AppHeader/AppHeader.vue +++ b/src/components/AppHeader/AppHeader.vue @@ -26,13 +26,21 @@ /> </b-button> <b-navbar-nav> - <b-navbar-brand to="/" data-test-id="appHeader-container-overview"> + <b-navbar-brand + class="mr-0" + to="/" + data-test-id="appHeader-container-overview" + > <img class="header-logo" src="@/assets/images/logo-header.svg" :alt="altLogo" /> </b-navbar-brand> + <div v-if="assetTag" class="asset-tag"> + <span class="pr-2">|</span> + <span>{{ assetTag }}</span> + </div> </b-navbar-nav> <!-- Right aligned nav items --> <b-navbar-nav class="ml-auto helper-menu"> @@ -120,6 +128,9 @@ export default { }; }, computed: { + assetTag() { + return this.$store.getters['global/assetTag']; + }, isAuthorized() { return this.$store.getters['global/isAuthorized']; }, @@ -280,6 +291,9 @@ export default { .nav-link { transition: $focus-transition; } + .asset-tag { + color: theme-color-level(light, 3); + } } .nav-trigger { |