Use clean pixel checkmarks

This commit is contained in:
dan
2025-12-06 20:09:39 +03:00
parent edcf2a0987
commit eead1ebfb3

View File

@@ -158,29 +158,25 @@
} }
::v-deep .custom-checkbox .custom-control-label::before { ::v-deep .custom-checkbox .custom-control-label::before {
border: 1px solid rgba(122, 29, 255, 0.8); border: 1px solid rgba(122, 29, 255, 0.7);
background: rgba(122, 29, 255, 0.08); background: rgba(122, 29, 255, 0.08);
box-shadow: inset 0 0 0 1px rgba(198, 107, 255, 0.35); box-shadow: inset 0 0 0 1px rgba(198, 107, 255, 0.25);
} }
::v-deep .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { ::v-deep .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
background: rgba(122, 29, 255, 0.18); background: rgba(122, 29, 255, 0.25);
border-color: rgba(198, 107, 255, 0.9); border-color: rgba(198, 107, 255, 0.9);
box-shadow: 0 0 10px rgba(198, 107, 255, 0.4); box-shadow: 0 0 10px rgba(198, 107, 255, 0.35);
} }
::v-deep .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { ::v-deep .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
background: transparent; background: transparent;
width: 12px; content: "✓";
height: 12px; color: var(--accent);
left: 5px; font-family: var(--pixel-font);
top: 4px; font-size: 12px;
transform: none; left: 3px;
box-shadow: top: 0;
2px 6px 0 #c66bff, opacity: 1;
4px 8px 0 #c66bff,
6px 6px 0 #c66bff,
6px 4px 0 #c66bff,
8px 6px 0 #c66bff;
} }
</style> </style>