added checkbox rules_accepted in post
This commit is contained in:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user