refactor: DropdownTrigger hover/focus underline

This commit is contained in:
Zack Spear
2023-06-22 12:23:35 -05:00
committed by Zack Spear
parent 14f81ed811
commit b8f1f1847f

View File

@@ -44,7 +44,10 @@ const title = computed((): string => {
>
<InformationCircleIcon v-if="pluginOutdated" class="text-unraid-red fill-current relative w-24px h-24px" />
<ExclamationTriangleIcon v-else-if="showErrorIcon" class="text-unraid-red fill-current relative w-24px h-24px" />
<span v-if="text" class="leading-none">{{ text }}</span>
<span v-if="text" class="relative leading-none">
<span>{{ text }}</span>
<span class="absolute bottom-[-3px] inset-x-0 h-2px w-full bg-gradient-to-r from-unraid-red to-orange rounded opacity-0 group-hover:opacity-100 group-focus:opacity-100 transition-opacity"></span>
</span>
<UpcDropdownTriggerMenuIcon :open="dropdownVisible" />
<BrandAvatar />
</button>