Align pixel checkboxes inside boxes

This commit is contained in:
dan
2025-12-06 21:05:10 +03:00
parent eead1ebfb3
commit 3734e21d0a

View File

@@ -163,6 +163,10 @@
box-shadow: inset 0 0 0 1px rgba(198, 107, 255, 0.25);
}
::v-deep .custom-control-label::after {
background-size: 100% 100%;
}
::v-deep .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
background: rgba(122, 29, 255, 0.25);
border-color: rgba(198, 107, 255, 0.9);
@@ -171,12 +175,12 @@
::v-deep .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
background: transparent;
content: "";
color: var(--accent);
font-family: var(--pixel-font);
font-size: 12px;
left: 3px;
top: 0;
content: "";
left: -1.3rem;
top: 0.2rem;
width: 1rem;
height: 1rem;
opacity: 1;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' shape-rendering='crispEdges'%3E%3Crect x='2' y='8' width='2' height='2' fill='%23c66bff'/%3E%3Crect x='4' y='10' width='2' height='2' fill='%23c66bff'/%3E%3Crect x='6' y='8' width='2' height='2' fill='%23c66bff'/%3E%3Crect x='8' y='6' width='2' height='2' fill='%23c66bff'/%3E%3Crect x='10' y='4' width='2' height='2' fill='%23c66bff'/%3E%3C/svg%3E");
}
</style>