diff --git a/src/pages/newMedicalCard/components/MedicalFormTagWrapper.vue b/src/pages/newMedicalCard/components/MedicalFormTagWrapper.vue index 89ccb5f..7c34cd3 100644 --- a/src/pages/newMedicalCard/components/MedicalFormTagWrapper.vue +++ b/src/pages/newMedicalCard/components/MedicalFormTagWrapper.vue @@ -61,13 +61,14 @@ .checkbox.flex.flex-col( v-for="complaint in textSorting(item.complaints)", ) - .letter.flex.items-center.font-bold {{ complaint.sym }} + .letter.flex.items-center.font-bold.justify-center {{ complaint.sym }} .line.flex.gap-x-4.h-9.items-center(v-for="name in complaint?.array") q-checkbox( + dense, v-model="selected", :val="name?.label", - :style="{border: 'none', width: '16px'}", - size="32px" + :style="{border: 'none', width: '16px', height: '16px'}", + ) .name.flex.items-center.font-medium.text-smm {{ name?.label }} .protocol.flex.justify-between.p-6(v-if="fillInspection") @@ -210,11 +211,11 @@ export default { width: 328px .line - margin-left: -8px border-bottom: 1px solid var(--bg-light-grey) min-height: 36px .letter + width: 18px height: 34px color: var(--font-grey-color) @@ -225,4 +226,7 @@ export default { .q-checkbox :deep(.q-checkbox__bg) border-radius: 4px border: 1.5px solid var(--font-grey-color) + +.q-checkbox :deep(.q-checkbox__inner:before) + background: none !important