rick/LEDMatrix
1
0
Fork 0
mirror of https://github.com/ChuckBuilds/LEDMatrix.git synced 2026-04-10 21:03:01 +00:00
Code Issues Packages Projects Releases Wiki Activity

toggle visual adjustments

Browse Source
This commit is contained in:
ChuckBuilds
2025-07-24 20:59:58 -05:00
parent 58251eefb7
commit b03371d69a
1 changed files with 10 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
templates/index.html
View File

@@ -105,8 +105,8 @@
.toggle-switch {
position: relative;
display: inline-block;
width: 60px;
height: 34px;
width: 44px;
height: 24px;
}
.toggle-switch input {
opacity: 0;
@@ -121,25 +121,25 @@
right: 0;
bottom: 0;
background-color: #ccc;
transition: .4s;
border-radius: 34px;
transition: .3s;
border-radius: 24px;
}
.slider:before {
position: absolute;
content: "";
height: 26px;
width: 26px;
left: 4px;
bottom: 4px;
height: 18px;
width: 18px;
left: 3px;
bottom: 3px;
background-color: white;
transition: .4s;
transition: .3s;
border-radius: 50%;
}
input:checked + .slider {
background-color: #4CAF50;
}
input:checked + .slider:before {
transform: translateX(26px);
transform: translateX(20px);
}
button {
background-color: #4CAF50;