From 0fbade138d6b8ae818bad6b54482ca259cea96bb Mon Sep 17 00:00:00 2001
From: Kevin Midboe <kevin.midboe@gmail.com>
Date: Mon, 18 Aug 2025 18:14:06 +0200
Subject: [PATCH] display idle/failed pods with dashed border

---
 src/lib/components/Pod.svelte | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/lib/components/Pod.svelte b/src/lib/components/Pod.svelte
index e5fd24e..7e24757 100644
--- a/src/lib/components/Pod.svelte
+++ b/src/lib/components/Pod.svelte
@@ -34,12 +34,17 @@
 	// set uptime
 	let uptime = writable(new Date().getTime() - new Date(status?.startTime || 0).getTime());
 
+	function idlePhase(phase: string | undefined) {
+		const phases = ['Failed', 'Succeeded'];
+		return phases.includes(phase || '');
+	}
+
 	onMount(() => {
 		setInterval(() => uptime.update((n) => n + 1000), 1000);
 	});
 </script>
 
-<div class="card">
+<div class={`card ${idlePhase(status?.phase) && 'not-running'}`}>
 	<div class="header">
 		<div class="icon"><Layers /></div>
 		<span class="name">{name}</span>
@@ -131,6 +136,11 @@
 		);
 		pointer-events: all;
 		cursor: auto;
+
+		&.not-running {
+			border: 2px dashed var(--theme);
+			opacity: 0.6;
+		}
 	}
 
 	.header {