mirror of
https://github.com/solidtime-io/solidtime.git
synced 2026-06-06 20:37:32 +00:00
39 lines
1.4 KiB
Vue
39 lines
1.4 KiB
Vue
<script lang="ts" setup>
|
|
defineProps<{
|
|
name: string;
|
|
description: string | null;
|
|
working?: boolean;
|
|
}>();
|
|
</script>
|
|
|
|
<template>
|
|
<div class="px-4 py-2 2xl:py-3 border-b border-b-background-separator">
|
|
<div class="col-span-2">
|
|
<div class="flex justify-between">
|
|
<p class="font-semibold text-sm text-text-primary">
|
|
{{ name }}
|
|
</p>
|
|
<div
|
|
v-if="working"
|
|
class="flex space-x-1.5 items-center justify-end">
|
|
<span
|
|
class="relative flex h-3 w-3 justify-center items-center">
|
|
<span
|
|
class="animate-ping absolute inline-flex h-full w-full rounded-full bg-green-500 opacity-75"></span>
|
|
<span
|
|
class="relative inline-flex rounded-full h-2 w-2 bg-green-500"></span>
|
|
</span>
|
|
<span
|
|
class="text-green-500 font-medium text-sm block pb-0.5">
|
|
working
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="text-text-secondary text-sm font-medium text-ellipsis whitespace-nowrap max-w-full overflow-hidden">
|
|
{{ description }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|