ByteDice/ByteDiceWeb
1
0
Fork 0
Code Issues Pull Requests Actions Releases Activity

Aligned button slider to pixels

Browse Source
This commit is contained in:
ByteDice
2025-08-30 22:05:23 +02:00
parent 845f925559
commit a3b2d5606f
3 changed files with 10 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
global/globalStyle.css
+7 -7
View File
@@ -68,8 +68,8 @@ canvas {
.switch {
position: relative;
display: inline-block;
width: 60px;
height: 34px;
width: calc(8px * var(--pxDensity));
height: calc(4px * var(--pxDensity));
}
.switch input {
display: none;
@@ -87,10 +87,10 @@ canvas {
.switchDecor:before {
position: absolute;
content: "";
height: 26px;
width: 26px;
left: 4px;
bottom: 4px;
height: calc(2px * var(--pxDensity));
width: calc(2px * var(--pxDensity));
left: calc(1px * var(--pxDensity));
bottom: calc(1px * var(--pxDensity));
background-color: var(--navBarBtn_Inner);
transition: 0.2s steps(2, end);
}
@@ -98,5 +98,5 @@ canvas {
background-color: var(--brightBlue);
}
.switch input:checked + .switchDecor:before {
transform: translateX(26px);
transform: translateX(calc(4px * var(--pxDensity)));
}