add time overview page

This commit is contained in:
Gregor Vostrak
2024-03-26 18:19:08 +01:00
parent ab9a1d2fab
commit 26fef8b9f7
52 changed files with 2463 additions and 972 deletions

View File

@@ -7,25 +7,31 @@ defineProps<{
</script>
<template>
<div class="px-4 py-3 grid grid-cols-3">
<div class="px-4 py-2 2xl:py-3">
<div class="col-span-2">
<p class="font-semibold text-sm text-white">
{{ name }}
</p>
<div class="flex justify-between">
<p class="font-semibold text-sm text-white">
{{ 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-muted text-sm font-medium">
{{ description }}
</div>
</div>
<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>
</template>