fix: revert changes to indicator.vue

This commit is contained in:
Eli Bosley
2024-12-16 14:31:48 -05:00
parent 00b8ffe87d
commit 11ce9e2644

View File

@@ -39,24 +39,16 @@ const icon = computed<{ component: Component; color: string } | null>(() => {
</script> </script>
<template> <template>
<div class="flex items-end gap-1 text-header-text-primary"> <div class="relative">
<div class="relative"> <BellIcon class="w-6 h-6" />
<BellIcon class="w-6 h-6" /> <div
<div v-if="indicatorLevel === 'UNREAD'"
v-if="indicatorLevel" class="absolute top-0 right-0 size-2.5 rounded-full border border-neutral-800 bg-unraid-green"
:class=" />
cn('absolute top-0 right-0 size-2.5 rounded-full border border-neutral-800', { <component
'bg-unraid-red': indicatorLevel === Importance.Alert, :is="icon.component"
'bg-yellow-accent': indicatorLevel === Importance.Warning, v-else-if="icon && indicatorLevel"
'bg-unraid-green': indicatorLevel === 'UNREAD', :class="cn('absolute -top-1 -right-1 size-4 rounded-full', icon.color)"
}) />
"
/>
<div
v-if="hasNewNotifications || indicatorLevel === Importance.Alert"
class="absolute top-0 right-0 size-2.5 rounded-full bg-unraid-red animate-ping"
/>
</div>
<component :is="icon.component" v-if="icon" :class="cn('size-6', icon.color)" />
</div> </div>
</template> </template>