firmware wip - CSS better sizes for mobile and pc view

This commit is contained in:
Marcus 2024-05-03 15:28:43 +02:00
parent 6faf2d8d7d
commit e50f72be9e
2 changed files with 18 additions and 10 deletions

View file

@ -197,11 +197,12 @@ body {
background-color: #1d211e;
font-family: helvetica;
}
.center {
width: 60%; min-width: 420px;
margin: auto;
.center {
width: 100%;
margin: auto;
}
h1, h2, h3, h4, h5 {
text-align: center;
}
@ -235,9 +236,10 @@ a:active {
.inputShort {
width: 42px;
}
.nav {
background: #333;
width: 60%; min-width: 420px;
width: 100%;
margin: auto;
margin-bottom: 10px;
padding: 0;
@ -278,6 +280,12 @@ a:active {
.MenuTime {
background: #292929;
}
@media only screen and (min-width: 720px) {
.center, .nav {
width: 60%; min-width: 420px;
}
}
</style>
</head>
<body>
@ -1917,13 +1925,13 @@ void WEBroot() {
body += valTemperature;
body += ", 42, ' °C'); ";
body += "gaugeHumidity.value(";
body += "gaugeHumidity.value('";
body += valHumidity;
body += " ); ";
body += "'); ";
body += "gaugeSoilmoisture.value(";
body += "gaugeSoilmoisture.value('";
body += valSoilmoisture;
body += " ); ";
body += "'); ";
body += "</script>";
@ -1949,7 +1957,7 @@ void WEBroot() {
}
}
body += "<br>\n";
body += "Growlight brightnes: ";
body += "Growlight brightness: ";
body += ((PinLEDPWM * 100) / 255);
body += " %<br>\n";
body += "<form method='post' action='/switch'>\n";