23 lines
533 B
Vue
23 lines
533 B
Vue
<!-- Copyright (C) 2012-2026 Zammad Foundation, https://zammad-foundation.org/ -->
|
|
|
|
<script setup lang="ts">
|
|
withDefaults(defineProps<{ label?: string }>(), {
|
|
label: __('Has update'),
|
|
})
|
|
</script>
|
|
|
|
<template>
|
|
<div
|
|
class="indicator absolute top-[-3px] size-1.5 animate-pulse rounded-full bg-pink-500 ltr:right-[-3px] rtl:left-[-3px]"
|
|
role="status"
|
|
aria-live="polite"
|
|
:aria-label="$t(label)"
|
|
/>
|
|
</template>
|
|
|
|
<style scoped>
|
|
.router-link-active > * > .indicator {
|
|
background-color: var(--color-white);
|
|
}
|
|
</style>
|