cerc-io/cosmos-explorer
16
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

use chain logo on menu bar

Browse Source
This commit is contained in:
liangping 2021-08-10 10:05:47 +08:00
parent a58a0d1f01
commit 8b1465da86
1 changed files with 24 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/layouts/components/Navbar.vue
View File

@ -2,13 +2,22 @@
<div class="navbar-container d-flex content align-items-center"> <div class="navbar-container d-flex content align-items-center">
<!-- Nav Menu Toggler --> <!-- Nav Menu Toggler -->
<ul class="nav navbar-nav d-xl-none"> <ul class="nav navbar-nav d-lg-none">
<li class="nav-item"> <li class="nav-item">
<b-link <b-link
class="nav-link" class="nav-link"
@click="toggleVerticalMenuActive" @click="toggleVerticalMenuActive"
> >
<b-avatar
v-if="selected_chain && selected_chain.logo"
variant="transparent"
rounded
size="21"
:src="selected_chain.logo"
class="badge-minimal"
/>
<feather-icon <feather-icon
v-else
icon="MenuIcon" icon="MenuIcon"
size="21" size="21"
/> />
@ -19,10 +28,14 @@
<!-- Left Col --> <!-- Left Col -->
<div class="bookmark-wrapper align-items-center flex-grow-1 d-none d-lg-flex"> <div class="bookmark-wrapper align-items-center flex-grow-1 d-none d-lg-flex">
<b-media <b-media
v-if="selected_chain.api" v-if="selected_chain"
no-body no-body
> >
<b-media-aside class="mr-75"> <b-media-aside class="mr-75">
<b-link
class="nav-link"
@click="toggleVerticalMenuActive"
>
<b-avatar <b-avatar
variant="transparent" variant="transparent"
badge badge
@ -31,7 +44,7 @@
:src="selected_chain.logo" :src="selected_chain.logo"
class="badge-minimal" class="badge-minimal"
badge-variant="success" badge-variant="success"
/> /></b-link>
</b-media-aside> </b-media-aside>
<b-media-body class="my-auto"> <b-media-body class="my-auto">
<h6 class="mb-0 text-uppercase"> <h6 class="mb-0 text-uppercase">