Refactor: Mejorar badges y chips de la interfaz
All checks were successful
build-and-deploy / build-and-deploy (push) Successful in 1m5s

- Reemplazar texto "Target:" por icono de diana (i-lucide-target)
  - Mostrar icono con color primario + puntaje deseado
  - Más visual e intuitivo

- Igualar opacidad de badges descriptivo y afectivo
  - Cambiar todos los badges descriptivos de opacity: 0.4 a 0.7
  - Ahora ambos badges tienen la misma tonalidad/visibilidad
  - Aplica en todas las categorías (Fragancia, Aroma, Sabor, etc.)

- Hacer badges de filtro rectangulares
  - Cambiar border-radius de subcategoria-chip de 9999px a 0.375rem
  - Consistencia visual con el resto de badges y botones rectangulares
  - Aplica a filtros de subcategorías debajo de tabs
This commit is contained in:
2025-10-19 01:31:35 -06:00
parent fd0de74c2e
commit 7ba16e99bf
3 changed files with 20 additions and 19 deletions

View File

@@ -491,7 +491,7 @@ onMounted(() => {
.subcategoria-chip {
font-size: 0.75rem;
padding: 0.25rem 0.75rem;
border-radius: 9999px;
border-radius: 0.375rem;
white-space: nowrap;
transition: all 0.2s;
background-color: color-mix(in srgb, var(--cata-primary) 10%, transparent);