fix box sizing

This commit is contained in:
overflowerror 2024-08-17 00:29:36 +02:00
parent c18f53488e
commit 90317f1650

View file

@ -1,9 +1,12 @@
.captcha, .captcha * {
box-sizing: border-box;
}
.captcha { .captcha {
width: 300px; width: 300px;
height: 70px; height: 70px;
padding: 19px; padding: 19px;
border: 1px solid #888; border: 1px solid #888;
box-sizing: border-box;
font-size: 20px; font-size: 20px;
font-family: sans-serif; font-family: sans-serif;
} }
@ -37,14 +40,17 @@
background-color: #29F; background-color: #29F;
} }
.captcha .checkbox.checked::before { .captcha .checkbox::before {
position: absolute;
display: block;
content: ""; content: "";
display: block;
position: absolute;
}
.captcha .checkbox.checked::before {
width: 7px; width: 7px;
height: 15px; height: 15px;
top: 2px; top: 2px;
left: 9px; left: 8px;
border: #fff solid; border: #fff solid;
border-width: 0 5px 5px 0; border-width: 0 5px 5px 0;
transform: rotate(45deg); transform: rotate(45deg);
@ -54,13 +60,10 @@
} }
.captcha .checkbox.loading::before { .captcha .checkbox.loading::before {
content: ""; top: 2px;
display: block; left: 2px;
position: absolute; width: 16px;
top: 3px; height: 16px;
left: 3px;
width: 17px;
height: 17px;
border: 4px solid; border: 4px solid;
border-radius: 50%; border-radius: 50%;
border-color: #000 transparent #000 transparent; border-color: #000 transparent #000 transparent;