kuba/fm-dx-webserver
1
0
Fork 0
mirror of https://github.com/KubaPro010/fm-dx-webserver.git synced 2026-02-26 22:13:53 +01:00
Code Issues Activity

new chat window, bugfixes, component update

Browse Source
This commit is contained in:
Marek Farkaš
2025-04-22 21:23:11 +02:00
parent 79e4205612
commit 008441f93a
19 changed files with 286 additions and 150 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
web/css/buttons.css
View File

@@ -308,6 +308,47 @@ input[type="range"]::-moz-range-thumb {
/* End Toggle Switch */
.switch {
user-select: none;
}
.switch input[type=checkbox] {
height: 0;
width: 0;
visibility: hidden;
}
.switch input[type=checkbox]:checked + label {
background: var(--color-4);
}
.switch input[type=checkbox]:checked + label::after {
left: calc(100% - 4px);
transform: translateX(-100%);
background-color: var(--color-1);
}
.switch label {
cursor: pointer;
min-width: 64px;
max-width: 64px;
height: 38px;
background-color: var(--color-1);
transition: 0.35s background-color;
display: block;
border-radius: 24px;
margin: 0;
position: relative;
border: 2px solid var(--color-3);
}
.switch label::after {
content: "";
position: absolute;
top: 4px;
left: 4px;
width: 26px;
height: 26px;
background: var(--color-5);
border-radius: 16px;
transition: 0.3s;
}
select {
height: 42px;
width: 150px;