From 086c767ed66b6df73d33d9ce159a4b20b8194c80 Mon Sep 17 00:00:00 2001 From: Ben Phelps <ben@phelps.io> Date: Sat, 27 Aug 2022 11:03:12 +0300 Subject: [PATCH] pad string to a fixed length to stop shifting --- src/components/widgets/resources/cpu.jsx | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/src/components/widgets/resources/cpu.jsx b/src/components/widgets/resources/cpu.jsx index 36bda743..541f1a42 100644 --- a/src/components/widgets/resources/cpu.jsx +++ b/src/components/widgets/resources/cpu.jsx @@ -35,9 +35,11 @@ export default function Cpu() { <div className="flex-none flex flex-row items-center justify-center"> <FiCpu className="text-theme-800 dark:text-theme-200 w-5 h-5" /> <div className="flex flex-col ml-3 text-left font-mono"> - <span className="text-theme-800 dark:text-theme-200 text-xs">{Math.round(data.cpu.usage)}% Usage</span> <span className="text-theme-800 dark:text-theme-200 text-xs"> - {(Math.round(data.cpu.load * 100) / 100).toFixed(1)} Load + <span className="whitespace-pre">{`${Math.round(data.cpu.usage)}%`.padEnd(3, " ")} Usage</span> + </span> + <span className="text-theme-800 dark:text-theme-200 text-xs"> + {`${(Math.round(data.cpu.load * 100) / 100).toFixed(1)}`.padEnd(3, " ")} Load </span> </div> </div>