From 408653452c9ae17ae2aad5a2c69cb74932084783 Mon Sep 17 00:00:00 2001 From: Hyko Date: Wed, 22 Apr 2026 11:50:36 -0400 Subject: [PATCH] style(admin): add active parent style for expanded sidebar sections --- src/features/admin/components/AdminSidebar.js | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/src/features/admin/components/AdminSidebar.js b/src/features/admin/components/AdminSidebar.js index 611ed2b..74abec6 100644 --- a/src/features/admin/components/AdminSidebar.js +++ b/src/features/admin/components/AdminSidebar.js @@ -91,6 +91,7 @@ const AdminSidebar = ({ isMobileMenuOpen, setIsMobileMenuOpen, appName, enabledM const itemBase = 'w-full flex items-center justify-between px-[10px] py-[7px] rounded-lg text-[13px] font-normal transition-colors duration-[120ms] ease-out'; const itemActive = 'bg-neutral-100 dark:bg-neutral-900 text-black dark:text-white'; + const itemActiveParent = 'text-black dark:text-white hover:bg-neutral-100 dark:hover:bg-neutral-900'; const itemInactive = 'text-neutral-500 dark:text-neutral-400 hover:bg-neutral-100 dark:hover:bg-neutral-900 hover:text-neutral-900 dark:hover:text-white'; const subItemBase = 'w-full flex items-center justify-between px-[10px] py-[7px] rounded-lg text-[12px] transition-colors duration-[120ms] ease-out'; @@ -133,7 +134,7 @@ const AdminSidebar = ({ isMobileMenuOpen, setIsMobileMenuOpen, appName, enabledM } toggleSection(section.id); }} - className={`cursor-pointer ${itemBase} ${isActive && isCollapsed ? itemActive : itemInactive}`} + className={`cursor-pointer ${itemBase} ${isActive && isCollapsed ? itemActive : isActive ? itemActiveParent : itemInactive}`} >