feat: add plugin status tooltip

Signed-off-by: Ryan Wang <i@ryanc.cc>
pull/590/head
Ryan Wang 2022-07-20 15:51:21 +08:00
parent 79e8e3005d
commit 1401f9ebe1
1 changed files with 17 additions and 1 deletions

View File

@ -261,6 +261,19 @@ onMounted(handleFetchPlugins);
<div <div
class="inline-flex flex-col flex-col-reverse items-end gap-4 sm:flex-row sm:items-center sm:gap-6" class="inline-flex flex-col flex-col-reverse items-end gap-4 sm:flex-row sm:items-center sm:gap-6"
> >
<FloatingTooltip
v-if="!plugin.spec.enabled"
class="hidden items-center sm:flex"
>
<div
class="inline-flex h-1.5 w-1.5 rounded-full bg-red-600"
>
<span
class="inline-block h-1.5 w-1.5 animate-ping rounded-full bg-red-600"
></span>
</div>
<template #popper> 启动异常</template>
</FloatingTooltip>
<a <a
:href="plugin.spec.homepage" :href="plugin.spec.homepage"
class="hidden text-sm text-gray-500 hover:text-gray-900 sm:block" class="hidden text-sm text-gray-500 hover:text-gray-900 sm:block"
@ -271,7 +284,10 @@ onMounted(handleFetchPlugins);
<span class="hidden text-sm text-gray-500 sm:block"> <span class="hidden text-sm text-gray-500 sm:block">
{{ plugin.spec.version }} {{ plugin.spec.version }}
</span> </span>
<time class="text-sm text-gray-500" datetime="2020-01-07"> <time
class="hidden text-sm text-gray-500 sm:block"
datetime="2020-01-07"
>
{{ plugin.metadata.creationTimestamp }} {{ plugin.metadata.creationTimestamp }}
</time> </time>
<div <div