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',
|
'icono-afectiva': tipo === 'afectiva',
|
||||||
}"
|
}"
|
||||||
:disabled="disabled"
|
:disabled="disabled"
|
||||||
:title="`Valor: ${valor}`"
|
|
||||||
@click="handleClick(valor)"
|
@click="handleClick(valor)"
|
||||||
@mouseenter="valorHover = valor"
|
@mouseenter="valorHover = valor"
|
||||||
@mouseleave="valorHover = null"
|
@mouseleave="valorHover = null"
|
||||||
@@ -40,15 +39,6 @@
|
|||||||
</button>
|
</button>
|
||||||
</div>
|
</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 -->
|
<!-- Descripción del tipo -->
|
||||||
<p v-if="showDescription" class="text-xs mt-1 cata-text opacity-75">
|
<p v-if="showDescription" class="text-xs mt-1 cata-text opacity-75">
|
||||||
{{ tipoDescription }}
|
{{ tipoDescription }}
|
||||||
|
|||||||
Reference in New Issue
Block a user