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

Update dashboard styles in CSS file

Browse Source
This commit is contained in:
Sietse Jonker
2024-04-02 17:13:02 +02:00
parent c74a4e6400
commit 86193d3593
1 changed files with 6 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -46,9 +46,8 @@ body {
justify-content: center; justify-content: center;
margin: 0; margin: 0;
margin-top: 8vh; margin-top: 8vh;
background-color: #f0f0f0;
flex-direction: column; flex-direction: column;
background-color: #afafaf; background-color: #bfbfbf;
align-items: center; align-items: center;
} }
@@ -59,11 +58,11 @@ body {
display: flex; display: flex;
flex-direction: column; /* Keep as column */ flex-direction: column; /* Keep as column */
justify-content: flex-start; justify-content: flex-start;
background-color: #333; background-color: #9f9f9f;
color: #fff; color: #fff;
padding: 10px; padding: 10px;
border-radius: 50px; border-radius: 50px;
border: 2px solid #333; border: 2px solid #CC2936;
clear: both; clear: both;
margin-bottom: 10px; margin-bottom: 10px;
position: relative; position: relative;
@@ -99,7 +98,6 @@ 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 {
@@ -119,7 +117,7 @@ body {
.gaugeImage { .gaugeImage {
width: 100%; width: 100%;
height: auto; height: auto;
max-height: 120%; max-height: 140%;
object-fit: contain; object-fit: contain;
position: absolute; /* Make the image position absolute */ position: absolute; /* Make the image position absolute */
top: 0; top: 0;
@@ -187,7 +185,8 @@ body {
} }
.navbar { .navbar {
background-color: #333; background-color: #bfbfbf;
border-bottom: 2px solid #CC2936;
height: 60px; height: 60px;
display: flex; display: flex;
align-items: center; align-items: center;