source, static files & Dockerfile

src/lib/components/Deploy.svelte

@@ -0,0 +1,41 @@
+<script lang="ts">
+	import Pod from './Pod.svelte';
+
+	import type { V1Deployment } from '@kubernetes/client-node';
+
+	export let deploy: V1Deployment;
+
+	let { metadata, pods } = deploy;
+</script>
+
+<div class="card-container">
+	<div class="namespace">
+		<h2>{metadata?.name} in {metadata?.namespace}</h2>
+	</div>
+
+	<div class="card-wrapper">
+		{#each pods as pod, i (pod)}
+			<Pod parent={deploy} {pod} {i} />
+		{/each}
+	</div>
+</div>
+
+<style lang="scss">
+	.card-container {
+		background-color: #cab2aa40;
+		border-radius: 0.5rem;
+		width: 100%;
+		padding: 0.75rem;
+
+		.namespace {
+			width: 100%;
+			display: block;
+		}
+
+		.card-wrapper {
+			display: grid;
+			grid-template-columns: repeat(3, 1fr);
+			gap: 2rem;
+		}
+	}
+</style>