Mirror/squeezelite-esp32
1
0
Fork 0
mirror of https://github.com/sle118/squeezelite-esp32.git synced 2026-01-31 23:01:05 +03:00
Code Issues Packages Projects Releases Wiki Activity

autoexec config settings working (#10)

Browse Source 
* autoexec config settings working

* small fixes

* working autoexec* saving
This commit is contained in:
Christian Herzog
2019-09-01 22:45:28 +02:00
committed by sle118
parent daeb4dcd11
commit 5e34f65e5e
6 changed files with 200 additions and 130 deletions
Download Patch File Download Diff File Expand all files Collapse all files

99
components/wifi-manager/style.css
View File

@@ -13,7 +13,6 @@ a:hover {
color: red;
}
input {
display: none;
font: 1.1em tahoma, arial, sans-serif;
}
input:focus,
@@ -77,6 +76,7 @@ p {
header {
background-color: #fff;
border-bottom: 1px solid #888;
border-top: 1px solid #888;
}
section {
background-color: #fff;
@@ -247,4 +247,99 @@ h3 {
-webkit-transform: scale(1.0);
}
}
/* end of SpinKit */
/* end of SpinKit */
.toggle label {
position: relative;
display: inline-block;
height: 3.5em;
}
.toggle input {
display: none;
}
.toggle .slider {
/* Grundfläche */
position: absolute;
cursor: pointer;
top: 1.5em;
width: 4em;
height: 2em;
background-color: #c32e04;
/* red */
transition: all .3s ease-in-out;
border-radius: 1em;
}
.toggle .slider:before {
/* verschiebbarer Button */
position: absolute;
content: "";
height: 1.6em;
width: 1.6em;
left: 0.2em;
bottom: 0.2em;
background-color: white;
border-radius: 50%;
transition: all .3s ease-in-out;
}
.toggle input:checked + .slider {
background-color: #5a9900;
/* green */
}
.toggle input:focus + .slider {
background-color: pink;
box-shadow: 0 0 1px #5a9900;
}
.toggle input:checked + .slider:before {
-webkit-transform: translateX(1.9em);
/* Android 4 */
-ms-transform: translateX(1.9em);
/* IE9 */
transform: translateX(1.9em);
}
.text .slider:after {
/* Text vor dem FlipFlop-Schalter */
position: absolute;
content: "AUS";
color: #c32e04;
font-weight: bold;
height: 1.6em;
left: -2.5em;
bottom: 0.2em;
}
.text input:checked + .slider:after {
/* Text hinter dem FlipFlop-Schalter */
position: absolute;
content: "AN";
color: #5a9900;
left: 4.5em;
}
input#autoexec1 {
border: none;
margin-left: 35px;
padding: 10px 0px 10px 10px;
}
input#ota {
margin-top: 5px;
margin-bottom: 5px;
}
#otadiv {
margin-bottom: 15px;
}