fix checkmark groups, closes #703

This commit is contained in:
MiniDigger | Martin 2022-06-19 18:49:18 +02:00
parent 1afe7d9294
commit be6fe4138e
2 changed files with 3 additions and 2 deletions

View File

@ -26,6 +26,7 @@ const { v, errors, hasError } = useValidation(props.label, props.rules, internal
<label class="customCheckbox group relative flex items-center select-none" :cursor="disabled ? 'auto' : 'pointer'">
<input
v-model="internalVal"
v-bind="$attrs"
type="checkbox"
class="appearance-none h-4 w-4 bg-gray-300 mr-2 rounded-sm group-hover:bg-gray-400 !checked:bg-primary-400"
dark="bg-gray-600 group-hover:bg-gray-500"
@ -33,7 +34,7 @@ const { v, errors, hasError } = useValidation(props.label, props.rules, internal
:disabled="disabled"
@blur="v.$touch()"
/>
<!-- v-bind="$attrs" hope this wasn't actually needed anywhere -->
<!-- hope this wasn't actually needed anywhere -->
<icon-mdi-check-bold class="absolute h-4 w-4 opacity-0 text-white" />
<slot name="label">
<template v-if="props.label">{{ props.label }}</template>

View File

@ -262,7 +262,7 @@ useHead(
:model-value="selectedPlatforms.includes(platform.enumName)"
:rules="platformVersionRules"
:label="platform.name"
@change="togglePlatform(platform.enumName)"
@update:modelValue="togglePlatform(platform.enumName)"
/>
</div>
</template>