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]] [[package]]
name = "tesla-charge-controller" name = "tesla-charge-controller"
version = "1.2.1" version = "1.2.2"
dependencies = [ dependencies = [
"chrono", "chrono",
"clap 4.4.11", "clap 4.4.11",

View file

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

View file

@ -3,6 +3,7 @@
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Tesla Charge Control</title> <title>Tesla Charge Control</title>
<link id="favicon" rel="icon" <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>"> 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> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Tesla Charge Control</title> <title>Tesla Charge Control</title>
<link id="favicon" rel="icon" <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>"> 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> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Tesla Charge Control</title> <title>Tesla Charge Control</title>
<link id="favicon" rel="icon" <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>"> 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> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Tesla Charge Control</title> <title>Tesla Charge Control</title>
<link id="favicon" rel="icon" <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>"> 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> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Tesla Charge Control</title> <title>Tesla Charge Control</title>
<link id="favicon" rel="icon" <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>"> 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 { .container {
max-width: 40em; max-width: 40rem;
margin: auto; margin: auto;
padding: 0.5em 2em; padding: 0.5rem 2rem;
border-radius: 10px; border-radius: 10px;
background-color: #faf9fd; background-color: #faf9fd;
} }
@ -15,7 +15,7 @@ body {
.outlink { .outlink {
display: block; display: block;
font-weight: bold; font-weight: bold;
margin-top: 0.5em; margin-top: 0.5rem;
} }
a.outlink { a.outlink {
@ -38,18 +38,18 @@ a.outlink:hover {
} }
.selector { .selector {
padding: 1em; padding: 1rem;
background-color: gray; background-color: gray;
color: #333; color: #333;
width: max-content; width: max-content;
border: 0.2em; border: 0.2rem;
border-radius: 6px; border-radius: 6px;
} }
label { label {
padding: 0.5em 1em; padding: 0.5rem 1rem;
margin: 0.5em; margin: 0.5rem;
font-weight: bold; font-weight: bold;
transition: all .2s 0s ease; transition: all .2s 0s ease;
border-radius: 4px; border-radius: 4px;
@ -72,9 +72,16 @@ input[type=radio]:disabled+label {
color: #666; color: #666;
} }
@media (width > 600px) {
.container {
margin-top: 2rem;
}
}
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
body { body {
background-color: #222; background-color: #191919;
} }
.container { .container {
@ -84,7 +91,9 @@ input[type=radio]:disabled+label {
a.outlink { a.outlink {
text-decoration: none; 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 { a.outlink:hover {