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