Make notification icons fit better
This commit is contained in:
parent
2dcdb6ec21
commit
5881025931
1 changed files with 8 additions and 4 deletions
|
|
@ -43,14 +43,13 @@
|
|||
|
||||
<template>
|
||||
<div class="navbar-item has-dropdown is-hoverable">
|
||||
<a class="navbar-link">
|
||||
<a class="navbar-link is-arrowless">
|
||||
<span class="icon"><i class="fas fa-bell" /></span>
|
||||
<span class="tag ml-2">
|
||||
<span class="tag ml-2" v-if="store.unreadCount > 0">
|
||||
<span class="is-underlined">{{ store.unreadCount }}</span>
|
||||
<span> / </span>
|
||||
<span class="is-underlined">{{ store.notifications.length }}</span>
|
||||
</span>
|
||||
</a>
|
||||
|
||||
<div class="navbar-dropdown is-right" style="width: 400px;">
|
||||
<template v-if="store.notifications.length > 0">
|
||||
<div class="px-3 py-2 is-flex is-justify-content-space-between is-align-items-center">
|
||||
|
|
@ -113,6 +112,11 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="navbar-item">
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
|
|
|||
Loading…
Reference in a new issue