Refactor: Mejorar badges y chips de la interfaz
All checks were successful
build-and-deploy / build-and-deploy (push) Successful in 1m5s
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:
@@ -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);
|
||||
|
||||
Reference in New Issue
Block a user