From 3734e21d0aa47cbd9861cc615856073181ba334b Mon Sep 17 00:00:00 2001 From: dan Date: Sat, 6 Dec 2025 21:05:10 +0300 Subject: [PATCH] Align pixel checkboxes inside boxes --- frontend/src/views/ServiceModal.vue | 16 ++++++++++------ 1 file changed, 10 insertions(+), 6 deletions(-) diff --git a/frontend/src/views/ServiceModal.vue b/frontend/src/views/ServiceModal.vue index 9c6d0e6..83197e7 100644 --- a/frontend/src/views/ServiceModal.vue +++ b/frontend/src/views/ServiceModal.vue @@ -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"); }