Files
nocodb/packages/nc-gui/components/notification/Menu.vue
Mert E. 6724fd2f9d chore: sync various (#9864)
* chore: sync various

Signed-off-by: mertmit <mertmit99@gmail.com>

* test: ws scope

Signed-off-by: mertmit <mertmit99@gmail.com>

* fix(nc-gui): ncSubmenu right icon visibility issue

* fix(nc-gui): use viewTypeAlias in all the places

---------

Signed-off-by: mertmit <mertmit99@gmail.com>
Co-authored-by: Ramesh Mane <101566080+rameshmane7218@users.noreply.github.com>
2024-11-20 21:48:09 +05:30

25 lines
718 B
Vue

<script lang="ts" setup>
const notificationStore = useNotification()
const { unreadCount } = toRefs(notificationStore)
</script>
<template>
<div class="cursor-pointer flex items-center">
<NcDropdown overlay-class-name="!shadow-none" placement="bottomRight" :trigger="['click']">
<NcButton size="small" class="!border-none" type="text">
<span
v-if="unreadCount"
:key="unreadCount"
class="bg-red-500 w-2 h-2 border-1 border-white rounded-[6px] absolute top-[5px] left-[15px]"
></span>
<GeneralIcon icon="notification" />
</NcButton>
<template #overlay>
<NotificationCard />
</template>
</NcDropdown>
</div>
</template>