manus-admin/itinova-budget-si
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Checkpoint: Le bouton Paramètres en bas de sidebar a été restylisté : icône dans un carré arrondi bg-white/10, label en font-semibold tracking-wide, opacité text-white/70 (au lieu de text-white/50), état actif avec ring-1 ring-white/30 et indicateur point blanc. Bien plus visible qu'avant.

Browse Source
This commit is contained in:
Manus
2026-06-03 14:52:20 +00:00
parent 938a567cce
commit 9734ae9e93
1 changed files with 18 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
client/src/components/AppSidebar.tsx
View File

@@ -386,19 +386,30 @@ export function AppSidebar({ collapsed = false, onToggle }: AppSidebarProps) {
})} })}
</nav> </nav>
{/* Paramètres en bas */} {/* Paramètres — entrée bien visible en bas de sidebar */}
<div className="px-2 py-3 border-t border-white/10"> <div className="px-2 pb-3 pt-2 border-t border-white/10">
<button <button
onClick={() => navigate(SETTINGS_ITEM.path)} onClick={() => navigate(SETTINGS_ITEM.path)}
className={`w-full flex items-center gap-2.5 px-3 py-2 rounded-lg transition-all duration-150 text-left ${ className={`w-full flex items-center gap-2.5 px-3 py-2.5 rounded-lg transition-all duration-150 text-left group ${
isLeafActive(SETTINGS_ITEM.path, location) isLeafActive(SETTINGS_ITEM.path, location)
? 'bg-white/20 text-white' ? 'bg-white/20 text-white ring-1 ring-white/30'
: 'text-white/50 hover:bg-white/10 hover:text-white/80' : 'text-white/70 hover:bg-white/12 hover:text-white'
}`} }`}
> >
<Settings className="w-4 h-4 flex-shrink-0" /> <div className={`w-7 h-7 rounded-md flex items-center justify-center flex-shrink-0 transition-colors ${
isLeafActive(SETTINGS_ITEM.path, location)
? 'bg-white/20'
: 'bg-white/10 group-hover:bg-white/20'
}`}>
<Settings className="w-3.5 h-3.5" />
</div>
{!collapsed && ( {!collapsed && (
<span className="flex-1 text-xs font-medium truncate">{SETTINGS_ITEM.label}</span> <>
<span className="flex-1 text-xs font-semibold tracking-wide truncate">{SETTINGS_ITEM.label}</span>
{isLeafActive(SETTINGS_ITEM.path, location) && (
<span className="w-1.5 h-1.5 rounded-full bg-white/60 flex-shrink-0" />
)}
</>
)} )}
</button> </button>
</div> </div>