increase font size in black boxes

btomala · Apr 23, 2024 · 46f7a40 · 46f7a40
1 parent ec05d4f
commit 46f7a40
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 4 deletions.
diff --git a/index.css b/index.css
@@ -1,6 +1,8 @@
 :root {
     --size: 600px;
     font-family: Arial, Helvetica, sans-serif;
+    --small-font-size: min(calc(18px + 1vw), 25px);
+    --big-font-size: min(calc(36px + 1vw), 50px);
 }
 h1 {
     text-align: center;
@@ -44,7 +46,7 @@ h1 {
 .boxes {
     background-color: black;
     color: white;
-    font-size: calc(15px + 1vw);
+    font-size: var(--small-font-size);
     display: flex;
 }
 .boxes div {
@@ -59,12 +61,14 @@ h1 {
     padding: 5px 0px;
 }
 .value {
+    font-weight: bold;
     text-align: center;
-    font-size: calc(20px + 0.5vw);
+    font-size: var(--big-font-size);
     padding: 0px 0px 5px 0px;
 }
 .value span{
-    font-size: calc(12px + 0.5vw);
+    font-weight: normal;
+    font-size: var(--small-font-size);
 }
 .chart {
     width: 100%;

diff --git a/index.js b/index.js
@@ -138,7 +138,7 @@ function setDirection(channel, latest) {
     const direction = getDirection(latest);
     setArrow(channel, latest);
     indicator.style.background = getDirectionColor(channel, direction);
-    value.innerHTML = `${direction} \u{00B0}`;
+    value.innerHTML = `${direction}\u{00B0}`;
 }
 function setTemperature(latest) {
     const element = document.getElementById("temperature")