0xb00b5/0xb00b5-packmate
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Align pixel checkboxes inside boxes

Browse Source
This commit is contained in:
dan
2025-12-06 21:05:10 +03:00
parent eead1ebfb3
commit 3734e21d0a
1 changed files with 10 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
frontend/src/views/ServiceModal.vue
View File

@@ -163,6 +163,10 @@
box-shadow: inset 0 0 0 1px rgba(198, 107, 255, 0.25); 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 { ::v-deep .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
background: rgba(122, 29, 255, 0.25); background: rgba(122, 29, 255, 0.25);
border-color: rgba(198, 107, 255, 0.9); border-color: rgba(198, 107, 255, 0.9);
@@ -171,12 +175,12 @@
::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;
content: "✓"; content: "";
color: var(--accent); left: -1.3rem;
font-family: var(--pixel-font); top: 0.2rem;
font-size: 12px; width: 1rem;
left: 3px; height: 1rem;
top: 0;
opacity: 1; 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> </style>