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

Minor improvements to notification dropdown

Browse source
This commit is contained in:
arabcoders 2025-06-04 22:38:38 +03:00
parent e2e6619534
commit ca10640506
1 changed files with 7 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
ui/components/NotifyDropdown.vue
View file

@ -2,16 +2,18 @@
<div class="navbar-item has-dropdown is-hoverable">
<a class="navbar-link">
<span class="icon"><i class="fas fa-bell" /></span>
<span class="tag is-underlined ml-2">{{ store.unreadCount }}</span>
<span class="tag ml-2">
<span class="is-underlined">{{ store.unreadCount }}</span>
<span>&nbsp;/&nbsp;</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">
<span class="has-text-grey">
<span class="is-underlined">{{ store.notifications.length }}</span> Total
</span>
<div class="field is-grouped">
<span class="has-text-grey"></span>
<div class="field is-grouped">
<div class="control" v-if="store.unreadCount > 0">
<button class="button is-small is-light mr-1" @click="store.markAllRead">
<span class="icon"><i class="fas fa-check" /></span>