mirror of
https://github.com/unraid/api.git
synced 2025-12-31 13:39:52 -06:00
fix: revert changes to indicator.vue
This commit is contained in:
@@ -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>
|
||||||
Reference in New Issue
Block a user