From 3a30d0850f4a85c632c4004f4860eee6b72e409c Mon Sep 17 00:00:00 2001 From: josedario87 Date: Fri, 31 Oct 2025 10:10:02 -0600 Subject: [PATCH] Fix: Corregir especificidad CSS del color de texto en tab activa de sidebar MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Movido text-[var(--brand-text-muted)] de item.base a item.inactive para evitar conflictos de especificidad CSS con el color del estado activo. Antes: - item.base aplicaba text-muted a TODOS los items - Conflicto con text-[var(--brand-success)] del estado active Después: - item.base solo tiene estilos de hover (aplicados a todos) - item.inactive tiene el color muted explícitamente - item.active mantiene su color success sin conflictos Esto asegura que el color del texto activo se aplique correctamente según el tema seleccionado. --- nuxt4-app/app/components/app/AppSidebar.vue | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/nuxt4-app/app/components/app/AppSidebar.vue b/nuxt4-app/app/components/app/AppSidebar.vue index 0f6d23a..d7424ec 100644 --- a/nuxt4-app/app/components/app/AppSidebar.vue +++ b/nuxt4-app/app/components/app/AppSidebar.vue @@ -50,9 +50,9 @@ class="gap-1" :ui="{ item: { - base: 'text-[var(--brand-text-muted)] hover:text-[var(--brand-primary)] hover:bg-[var(--brand-primary)]/10', + base: 'hover:text-[var(--brand-primary)] hover:bg-[var(--brand-primary)]/10', active: 'bg-[var(--brand-success)]/15 text-[var(--brand-success)] border-l-2 border-[var(--brand-success)] font-medium', - inactive: 'border-l-2 border-transparent' + inactive: 'text-[var(--brand-text-muted)] border-l-2 border-transparent' } }" />