fix webpage styling
Some checks failed
Build .deb on release / Build-Deb (push) Has been cancelled

This commit is contained in:
Alex Janka 2024-02-26 10:12:50 +11:00
parent ef8d272eee
commit dca4135e64
8 changed files with 25 additions and 11 deletions

2
Cargo.lock generated
View file

@ -2538,7 +2538,7 @@ dependencies = [
[[package]]
name = "tesla-charge-controller"
version = "1.2.1"
version = "1.2.2"
dependencies = [
"chrono",
"clap 4.4.11",

View file

@ -1,6 +1,6 @@
[package]
name = "tesla-charge-controller"
version = "1.2.1"
version = "1.2.2"
edition = "2021"
license = "MITNFA"
description = "Controls Tesla charge rate based on solar charge data"

View file

@ -3,6 +3,7 @@
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Tesla Charge Control</title>
<link id="favicon" rel="icon"
href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22></text></svg>">

View file

@ -3,6 +3,7 @@
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Tesla Charge Control</title>
<link id="favicon" rel="icon"
href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22></text></svg>">

View file

@ -3,6 +3,7 @@
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Tesla Charge Control</title>
<link id="favicon" rel="icon"
href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🎚️</text></svg>">

View file

@ -3,6 +3,7 @@
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Tesla Charge Control</title>
<link id="favicon" rel="icon"
href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🎚️</text></svg>">

View file

@ -3,6 +3,7 @@
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Tesla Charge Control</title>
<link id="favicon" rel="icon"
href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🎚️</text></svg>">

View file

@ -5,9 +5,9 @@ body {
}
.container {
max-width: 40em;
max-width: 40rem;
margin: auto;
padding: 0.5em 2em;
padding: 0.5rem 2rem;
border-radius: 10px;
background-color: #faf9fd;
}
@ -15,7 +15,7 @@ body {
.outlink {
display: block;
font-weight: bold;
margin-top: 0.5em;
margin-top: 0.5rem;
}
a.outlink {
@ -38,18 +38,18 @@ a.outlink:hover {
}
.selector {
padding: 1em;
padding: 1rem;
background-color: gray;
color: #333;
width: max-content;
border: 0.2em;
border: 0.2rem;
border-radius: 6px;
}
label {
padding: 0.5em 1em;
margin: 0.5em;
padding: 0.5rem 1rem;
margin: 0.5rem;
font-weight: bold;
transition: all .2s 0s ease;
border-radius: 4px;
@ -72,9 +72,16 @@ input[type=radio]:disabled+label {
color: #666;
}
@media (width > 600px) {
.container {
margin-top: 2rem;
}
}
@media (prefers-color-scheme: dark) {
body {
background-color: #222;
background-color: #191919;
}
.container {
@ -84,7 +91,9 @@ input[type=radio]:disabled+label {
a.outlink {
text-decoration: none;
color: rgb(94, 94, 252);
/* color: rgb(152, 152, 242); */
color: rgb(125, 125, 250);
/* color: rgb(94, 94, 252); */
}
a.outlink:hover {