better controls, formatting, etc

2026-04-28 00:20:00 -07:00 · 2025-04-14 20:05:00 -07:00
parent c4b2c3bbe2
commit a33c7511eb
11 changed files with 133 additions and 31 deletions
--- a/bin/web/src/lib/components/SystemStatsTable.svelte
+++ b/bin/web/src/lib/components/SystemStatsTable.svelte
@@ -0,0 +1,31 @@
+<script lang="ts">
+    import { type SystemStats } from "$lib/systemStats";
+    let { stats }: {
+        stats: SystemStats;
+    } = $props();
+
+</script>
+
+<div>
+    <p class="text-xl">System Stats</p>
+    <table class="table-auto border">
+        <tbody>
+            <tr class="border">
+                <th class="border">
+                    Storage
+                </th>
+                <td class="border">
+                    {stats.disk_stats.used_percent} used ({stats.disk_stats.used_size} / {stats.disk_stats.available_size})
+                </td>
+            </tr>
+            <tr class="border-b">
+                <th class="border">
+                    Memory (RAM)
+                </th>
+                <td class="border">
+                    Free: {stats.memory_stats.free}, Used: {stats.memory_stats.used}
+                </td>
+            </tr>
+        </tbody>
+    </table>
+</div>