From 75bf26a27970c4dad9a628e5b26181fa0771bfb2 Mon Sep 17 00:00:00 2001
From: trafficlunar <hello@trafficlunar.net>
Date: Mon, 21 Jul 2025 21:54:44 +0100
Subject: [PATCH] style: mono font on chart tooltips

---
 src/components/Computer.svelte | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/Computer.svelte b/src/components/Computer.svelte
index b925dc2..b5f4a7c 100644
--- a/src/components/Computer.svelte
+++ b/src/components/Computer.svelte
@@ -173,8 +173,8 @@
 				{#snippet children({ data })}
 					<Tooltip.Header value={data.timestamp} format="time" classes={{ root: "border-peach" }} />
 					<Tooltip.List>
-						<Tooltip.Item label="RAM (%)" value={data.ram} format="percentRound" />
-						<Tooltip.Item label="CPU (%)" value={data.cpu} format="percentRound" />
+						<Tooltip.Item label="RAM (%)" value={data.ram} format="percentRound" classes={{ value: "font-mono font-black" }} />
+						<Tooltip.Item label="CPU (%)" value={data.cpu} format="percentRound" classes={{ value: "font-mono font-black" }} />
 					</Tooltip.List>
 				{/snippet}
 			</Tooltip.Root>
@@ -220,8 +220,8 @@
 			{#snippet children({ data })}
 				<Tooltip.Header value={data.timestamp} format="time" classes={{ root: "border-peach" }} />
 				<Tooltip.List>
-					<Tooltip.Item label="Keys" value={data.keys} />
-					<Tooltip.Item label="Clicks" value={data.clicks} />
+					<Tooltip.Item label="Keys" value={data.keys} classes={{ value: "font-mono font-black" }} />
+					<Tooltip.Item label="Clicks" value={data.clicks} classes={{ value: "font-mono font-black" }} />
 				</Tooltip.List>
 			{/snippet}
 		</Tooltip.Root>