ui look
This commit is contained in:
parent
1080eb97d5
commit
194da1a78b
11
index.html
11
index.html
@ -87,10 +87,15 @@
|
|||||||
flex: 1;
|
flex: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.initial {
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
|
||||||
@media (min-width: 1000px) {
|
@media (min-width: 1000px) {
|
||||||
body {
|
body {
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.relayBox {
|
.relayBox {
|
||||||
width: 400px;
|
width: 400px;
|
||||||
}
|
}
|
||||||
@ -130,13 +135,15 @@
|
|||||||
function updateState(relayTag, state) {
|
function updateState(relayTag, state) {
|
||||||
const tag = relayTag.getElementsByClassName("state")[0];
|
const tag = relayTag.getElementsByClassName("state")[0];
|
||||||
if (state) {
|
if (state) {
|
||||||
tag.innerText = "Ein";
|
|
||||||
tag.classList.add("stateOn");
|
tag.classList.add("stateOn");
|
||||||
tag.classList.remove("stateOff");
|
tag.classList.remove("stateOff");
|
||||||
|
relayTag.classList.add("stateOn");
|
||||||
|
relayTag.classList.remove("stateOff");
|
||||||
} else {
|
} else {
|
||||||
tag.innerText = "Aus";
|
|
||||||
tag.classList.add("stateOff");
|
tag.classList.add("stateOff");
|
||||||
tag.classList.remove("stateOn");
|
tag.classList.remove("stateOn");
|
||||||
|
relayTag.classList.add("stateOff");
|
||||||
|
relayTag.classList.remove("stateOn");
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user