nucleo000/analiticaNucleo
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Style: Personalizar borde de focus con colores de la app
All checks were successful
build-and-deploy / build-and-deploy (push) Successful in 47s
Details

Browse Source 
Cambios aplicados:
- Reemplazar ring-2 (2px) por ring-1 (1px) para borde más delgado
- Cambiar color de focus de verde por defecto a --brand-primary (#e0c080)
- Aplicar focus:ring-1 y focus:border-[--brand-primary] en el input base
- Agregar focus-within:ring-1 en el root para consistencia
- Agregar transition-shadow para animación suave del borde

Ahora el borde de focus es más delgado y usa el color dorado
de la app en lugar del verde por defecto de Nuxt UI.
This commit is contained in:
josedario87
2025-10-30 13:30:42 -06:00
parent 36c4f00436
commit 4837de1262
1 changed files with 2 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
nuxt4-app/app/components/ClienteMultiSelector.vue
View File

@@ -13,7 +13,8 @@
size="sm" size="sm"
ignore-filter ignore-filter
:ui="{ :ui="{
base: 'bg-[var(--brand-surface)] text-[var(--brand-text)] border border-[var(--brand-border)]', root: 'focus-within:ring-1 focus-within:ring-[var(--brand-primary)] transition-shadow',
base: 'bg-[var(--brand-surface)] text-[var(--brand-text)] border border-[var(--brand-border)] focus:ring-1 focus:ring-[var(--brand-primary)] focus:border-[var(--brand-primary)]',
placeholder: 'placeholder-[var(--brand-text-muted)]', placeholder: 'placeholder-[var(--brand-text-muted)]',
leadingIcon: 'text-[var(--brand-text-muted)]', leadingIcon: 'text-[var(--brand-text-muted)]',
content: 'bg-[var(--brand-surface)] border border-[var(--brand-border)]', content: 'bg-[var(--brand-surface)] border border-[var(--brand-border)]',