Refactor: Eliminar tooltips e indicadores numéricos del SelectorIntensidad
All checks were successful
build-and-deploy / build-and-deploy (push) Successful in 1m7s

Limpia la UI del selector de intensidad para una experiencia más minimalista:
- Eliminado atributo title que mostraba tooltips con el valor
- Eliminada sección completa de indicadores numéricos (min/valor/max)
- El componente ahora solo muestra los iconos interactivos
- Mantiene toda la funcionalidad (selección, hover, deselección)

La interfaz es ahora más limpia y el usuario puede confiar en el feedback visual de los iconos activos para conocer el valor seleccionado.
This commit is contained in:
2025-10-18 15:09:15 -06:00
parent 417b430863
commit c624bbefa9

View File

@@ -14,7 +14,6 @@
'icono-afectiva': tipo === 'afectiva',
}"
:disabled="disabled"
:title="`Valor: ${valor}`"
@click="handleClick(valor)"
@mouseenter="valorHover = valor"
@mouseleave="valorHover = null"
@@ -40,15 +39,6 @@
</button>
</div>
<!-- Indicadores de valor -->
<div class="flex justify-between mt-2 text-xs cata-text opacity-60">
<span>{{ min }}</span>
<span v-if="modelValue !== null" class="font-semibold opacity-100">
{{ modelValue }}
</span>
<span>{{ max }}</span>
</div>
<!-- Descripción del tipo -->
<p v-if="showDescription" class="text-xs mt-1 cata-text opacity-75">
{{ tipoDescription }}