Fixed button size of theme toggle. Made it smaller.

This commit is contained in:
sam55silver 2021-05-27 11:15:30 -03:00
parent baca851a98
commit eda886561f

View File

@ -11,11 +11,11 @@
[data-theme="dark"] { [data-theme="dark"] {
/* Dark style */ /* Dark style */
--container: #212427; --container: #212121;
--border: #3c3f42; --border: #3c3f42;
--navigation: #151515;
--font: #fff; --font: #fff;
--selected: #191a1b; --selected: #191a1b;
--navigation: #121212;
} }
.flex-row { .flex-row {
@ -176,8 +176,8 @@
.switch { .switch {
position: relative; position: relative;
display: inline-block; display: inline-block;
width: 60px; width: 38px;
height: 34px; height: 20px;
} }
.switch input { .switch input {
@ -201,10 +201,10 @@
.slider:before { .slider:before {
position: absolute; position: absolute;
content: ""; content: "";
height: 26px; height: 16px;
width: 26px; width: 16px;
left: 4px; left: 2px;
bottom: 4px; bottom: 2px;
background-color: white; background-color: white;
-webkit-transition: 0.4s; -webkit-transition: 0.4s;
transition: 0.4s; transition: 0.4s;
@ -219,9 +219,9 @@ input:focus + .slider {
} }
input:checked + .slider:before { input:checked + .slider:before {
-webkit-transform: translateX(26px); -webkit-transform: translateX(18px);
-ms-transform: translateX(26px); -ms-transform: translateX(18px);
transform: translateX(26px); transform: translateX(18px);
} }
.slider.round { .slider.round {