added checkbox rules_accepted in post

This commit is contained in:
SlimusMinus
2026-07-29 01:24:57 +03:00
parent a5bc1acf24
commit 2c7ac9af84
4 changed files with 81 additions and 9 deletions

View File

@@ -253,6 +253,41 @@
}
}
/* ── Rules Checkbox ── */
.f-rules-checkbox {
display: flex; align-items: center; gap: 10px; cursor: pointer;
user-select: none; padding: 6px 0;
}
.f-rules-input {
position: absolute; opacity: 0; width: 0; height: 0; pointer-events: none;
}
.f-rules-checkmark {
flex-shrink: 0; width: 20px; height: 20px;
border: 2px solid var(--border); border-radius: 5px;
background: var(--bg-input); transition: all .2s;
position: relative;
}
.f-rules-input:checked + .f-rules-checkmark {
background: var(--teal); border-color: var(--teal);
}
.f-rules-input:checked + .f-rules-checkmark::after {
content: ""; position: absolute; left: 5px; top: 1px;
width: 6px; height: 10px;
border: solid #082320; border-width: 0 2.5px 2.5px 0;
transform: rotate(45deg);
}
.f-rules-input:focus + .f-rules-checkmark {
box-shadow: 0 0 0 3px rgba(var(--teal-rgb), .25);
}
.f-rules-text {
font-size: .82rem; color: var(--muted); line-height: 1.4;
}
.f-rules-link {
color: var(--teal); cursor: pointer; text-decoration: underline;
text-underline-offset: 2px; transition: opacity .15s;
}
.f-rules-link:hover { opacity: .75; }
/* ── Result Modal (success / blocked) ── */
.f-modal-result {
text-align: center;