|
@@ -74,14 +74,14 @@ const handleClear = () => {
|
|
|
<div class="flex items-center justify-between p-4 py-3">
|
|
<div class="flex items-center justify-between p-4 py-3">
|
|
|
<div class="text-foreground">{{ $t('ui.widgets.notifications') }}</div>
|
|
<div class="text-foreground">{{ $t('ui.widgets.notifications') }}</div>
|
|
|
<VbenIconButton
|
|
<VbenIconButton
|
|
|
- :disabled="!notifications || notifications.length <= 0"
|
|
|
|
|
|
|
+ :disabled="notifications.length <= 0"
|
|
|
:tooltip="$t('ui.widgets.markAllAsRead')"
|
|
:tooltip="$t('ui.widgets.markAllAsRead')"
|
|
|
@click="handleMakeAll"
|
|
@click="handleMakeAll"
|
|
|
>
|
|
>
|
|
|
<MailCheck class="size-4" />
|
|
<MailCheck class="size-4" />
|
|
|
</VbenIconButton>
|
|
</VbenIconButton>
|
|
|
</div>
|
|
</div>
|
|
|
- <VbenScrollbar v-if="!notifications || notifications.length > 0">
|
|
|
|
|
|
|
+ <VbenScrollbar v-if="notifications.length > 0">
|
|
|
<ul class="flex! max-h-90 w-full flex-col">
|
|
<ul class="flex! max-h-90 w-full flex-col">
|
|
|
<template v-for="item in notifications" :key="item.id ?? item.title">
|
|
<template v-for="item in notifications" :key="item.id ?? item.title">
|
|
|
<li
|
|
<li
|
|
@@ -155,7 +155,7 @@ const handleClear = () => {
|
|
|
class="flex items-center justify-between border-t border-border px-4 py-3"
|
|
class="flex items-center justify-between border-t border-border px-4 py-3"
|
|
|
>
|
|
>
|
|
|
<VbenButton
|
|
<VbenButton
|
|
|
- :disabled="!notifications || notifications.length <= 0"
|
|
|
|
|
|
|
+ :disabled="notifications.length <= 0"
|
|
|
size="sm"
|
|
size="sm"
|
|
|
variant="ghost"
|
|
variant="ghost"
|
|
|
@click="handleClear"
|
|
@click="handleClear"
|