danvics/ytptube
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

Make notification icons fit better

Browse source
This commit is contained in:
felix 2025-10-19 11:54:59 +02:00
parent 2dcdb6ec21
commit 5881025931
1 changed files with 8 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
ui/app/components/NotifyDropdown.vue
View file

@ -43,14 +43,13 @@
<template> <template>
<div class="navbar-item has-dropdown is-hoverable"> <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="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 class="is-underlined">{{ store.unreadCount }}</span>
<span>&nbsp;/&nbsp;</span>
<span class="is-underlined">{{ store.notifications.length }}</span>
</span> </span>
</a> </a>
<div class="navbar-dropdown is-right" style="width: 400px;"> <div class="navbar-dropdown is-right" style="width: 400px;">
<template v-if="store.notifications.length > 0"> <template v-if="store.notifications.length > 0">
<div class="px-3 py-2 is-flex is-justify-content-space-between is-align-items-center"> <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> </div>
</div>
<div class="navbar-item">
</div> </div>
</template> </template>