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>
{/* Paramètres en bas */}
<div className="px-2 py-3 border-t border-white/10">
{/* Paramètres — entrée bien visible en bas de sidebar */}
<div className="px-2 pb-3 pt-2 border-t border-white/10">
<button
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)
? 'bg-white/20 text-white'
: 'text-white/50 hover:bg-white/10 hover:text-white/80'
? 'bg-white/20 text-white ring-1 ring-white/30'
: '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 && (
<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>
</div>