D3998.diff
No OneTemporary
Actions

Size

1 KB

Referenced Files

None

Subscribers

None

D3998.diff
View Options

	diff --git a/frontend/src/components/ServiceGroup.vue b/frontend/src/components/ServiceGroup.vue
	--- a/frontend/src/components/ServiceGroup.vue
	+++ b/frontend/src/components/ServiceGroup.vue
	@@ -1,5 +1,6 @@
	<script setup>
	import StatusBadge from '@/components/StatusBadge.vue'
	+import { timeAgo } from '@/utils/status'

	defineProps({
	groupName: { type: String, required: true },
	@@ -16,15 +17,18 @@
	</div>
	<ul class="divide-y divide-gray-100 dark:divide-gray-800">
	<li
	- v-for="service in services"
	- :key="service.id"
	- class="flex items-center justify-between px-5 py-3.5 hover:bg-gray-50 dark:hover:bg-gray-800/50 transition-colors"
	+ v-for="service in services"
	+ :key="service.id"
	+ class="flex items-center justify-between px-5 py-3.5 hover:bg-gray-50 dark:hover:bg-gray-800/50 transition-colors"
	>
	<div>
	<p class="text-sm font-medium text-gray-900 dark:text-gray-100">{{ service.name }}</p>
	<p v-if="service.description" class="text-xs text-gray-500 dark:text-gray-400 mt-0.5">
	{{ service.description }}
	</p>
	+ <p v-if="service.updated_at" class="text-xs text-gray-400 dark:text-gray-500 mt-0.5">
	+ Last checked: {{ timeAgo(service.updated_at) }}
	+ </p>
	</div>
	<StatusBadge :status="service.status" />
	</li>