From bd9533182f3996965d776bf1fb932c9ed391d562 Mon Sep 17 00:00:00 2001 From: Gregory Ballantine Date: Wed, 8 Jun 2022 22:46:56 -0400 Subject: [PATCH] Added styles to the CPU temperature gauge --- assets/coffee/cpu.coffee | 2 +- assets/sass/sentry.sass | 6 ++++-- 2 files changed, 5 insertions(+), 3 deletions(-) diff --git a/assets/coffee/cpu.coffee b/assets/coffee/cpu.coffee index b17a456..14420fe 100644 --- a/assets/coffee/cpu.coffee +++ b/assets/coffee/cpu.coffee @@ -19,7 +19,7 @@ setCpuTemp = () -> si.cpuTemperature() .then((data) -> document.getElementById('cpuTemp').innerText = data.main - document.getElementById('cpuTempDisplay').children.item(0).style.height = (parseInt(data.main) + '%') + document.getElementById('cpuTempDisplay').children.item(0).style.height = ((100 - parseFloat(data.main)) + '%') ).catch((error) -> console.error(error) ) diff --git a/assets/sass/sentry.sass b/assets/sass/sentry.sass index efb237b..63f40b6 100644 --- a/assets/sass/sentry.sass +++ b/assets/sass/sentry.sass @@ -49,16 +49,18 @@ button margin-left: auto margin-right: auto border: 4px solid #212121 + background: rgb(61,191,37) + background: linear-gradient(0deg, rgba(61,191,37,1) 45%, rgba(253,255,2,1) 65%, rgba(253,255,2,1) 75%, rgba(253,45,45,1) 100%) .tempGaugeFill display: block position: absolute left: 0 - bottom: 0 + top: 0 box-sizing: border-box width: 100% height: 0 - background: pink + background: white #header h1 text-align: center