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

styling

Browse Source
This commit is contained in:
Sam Hos
2024-03-29 12:49:26 +01:00
parent 9b130d009c
commit 71826ee76f
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -63,7 +63,7 @@ body {
border-radius: 10px; border-radius: 10px;
text-align: center; text-align: center;
position: relative; position: relative;
padding-bottom: 6vh; /* Increase bottom padding */ padding-top: 3vh; /* Increase bottom padding */
} }
@@ -82,7 +82,7 @@ body {
.gaugeImage { .gaugeImage {
width: 100%; width: 100%;
height: auto; height: auto;
max-height: 200%; 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;
@@ -105,7 +105,7 @@ body {
font-size: 1.4vw; font-size: 1.4vw;
z-index: 2; z-index: 2;
position: absolute; position: absolute;
bottom: -3.2vw; /* Adjust this value to move the text further down */ top: -1.4vw; /* Adjust this value to move the text further down */
} }
@@ -122,10 +122,10 @@ body {
.needle { .needle {
position: absolute; position: absolute;
bottom: -40%; /* Lower the needle to the bottom */ bottom: -10%; /* Lower the needle to the bottom */
left: 50%; left: 50%;
width: 2px; width: 2px;
height: 110%; height: 100%;
background-color: black; background-color: black;
transform-origin: bottom; transform-origin: bottom;
z-index: 3; /* Make the needle display above the image */ z-index: 3; /* Make the needle display above the image */