Smikkelbakje/J1B3-Sensor-boxes
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

WORKING

Browse Source
This commit is contained in:
Sietse Jonker
2024-04-03 11:19:01 +02:00
parent f4bd73a77a
commit 6f5f9d4b47
2 changed files with 19 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
web/newWebsite/main.js
View File

@@ -141,4 +141,4 @@ function toggleGraph(nodeId) {
} else { } else {
console.error('No element found with id: liveGraph' + nodeId); console.error('No element found with id: liveGraph' + nodeId);
} }
} }

30
web/newWebsite/styles/dashboard-styles.css
View File

@@ -57,7 +57,7 @@ body {
margin-top: 8vh; margin-top: 8vh;
background-color: #f0f0f0; background-color: #f0f0f0;
flex-direction: column; flex-direction: column;
background-color: #afafaf; background-color: #afafaf;
align-items: center; align-items: center;
} }
@@ -74,7 +74,7 @@ body {
border-radius: 50px; border-radius: 50px;
border: 2px solid #333; border: 2px solid #333;
clear: both; clear: both;
margin-top: 20px; margin-bottom: 10px;
position: relative; position: relative;
} }
@@ -108,6 +108,7 @@ body {
text-align: center; text-align: center;
position: relative; position: relative;
padding-top: 3vh; /* Increase bottom padding */ padding-top: 3vh; /* Increase bottom padding */
} }
.gaugeContainer { .gaugeContainer {
@@ -127,7 +128,7 @@ body {
.gaugeImage { .gaugeImage {
width: 100%; width: 100%;
height: auto; height: auto;
max-height: 140%; max-height: 120%;
object-fit: contain; object-fit: contain;
position: absolute; /* Make the image position absolute */ position: absolute; /* Make the image position absolute */
top: 0; top: 0;
@@ -230,12 +231,17 @@ body {
float: bottom; float: bottom;
padding: 1vw; padding: 1vw;
align-items: center; align-items: center;
align-self: center; justify-content: center;
border: 3px solid #ccc; display: flex;
border-radius: 10px; }
margin: 20px;
padding: 20px; .js-plotly-plot {
width: 95%; width: 90%;
box-sizing: border-box; height: 100%;
} }
.disabled {
opacity: 0;
height: 0;
}