Spythere/genera-tor
1
0
Fork 0
mirror of https://github.com/Spythere/genera-tor.git synced 2026-05-03 05:28:13 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore: x mark for checked inputs

Browse Source
This commit is contained in:
Spythere
2025-10-02 01:38:29 +02:00
parent b5a4ba9c0a
commit 78e82df63d
1 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Order/OrderRowCheckbox.vue
+5 -4
View File
@@ -43,7 +43,7 @@ const instructionObject = computed(() => store.orderData.instructions[props.rowI
cursor: pointer; cursor: pointer;
&:checked ~ .checkmark:after { &:checked ~ .checkmark:after {
content: 'X'; content: '\d7';
} }
&:focus-visible ~ .text { &:focus-visible ~ .text {
@@ -58,18 +58,19 @@ const instructionObject = computed(() => store.orderData.instructions[props.rowI
margin: 0 auto; margin: 0 auto;
height: 1.3em; height: 20px;
width: 1.3em; width: 20px;
background-color: #eee; background-color: #eee;
border: 2px solid black; border: 2px solid black;
background-color: gold; background-color: gold;
&:after { &:after {
position: absolute;
content: ''; content: '';
position: absolute;
top: 50%; top: 50%;
left: 50%; left: 50%;
font-size: 20px;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
} }
} }