Refactor: Eliminar tooltips e indicadores numéricos del SelectorIntensidad
All checks were successful
build-and-deploy / build-and-deploy (push) Successful in 1m7s
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:
@@ -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 }}
|
||||
|
||||
Reference in New Issue
Block a user