MythEclipse/GMW
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

chore(services): update components based on recent changes

Browse Source 
Changes:
 services/frontend/src/widgets/Sidebar.tsx | 51 +++++++++++++++++++++++++-------------------------
 1 file changed, 25 insertions(+), 26 deletions(-)
This commit is contained in:
MythEclipse
2026-06-13 19:47:06 +07:00
parent 23b45690ca
commit 9a896c7993
1 changed files with 25 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files
services/frontend/src/widgets/Sidebar.tsx
+25 -26
View File
@@ -74,34 +74,33 @@ export function Sidebar({
)} )}
</div> </div>
{/* Navigation items */} {/* Navigation items — centered vertically */}
<div className="flex flex-col gap-1 px-2"> <div className="flex flex-1 flex-col justify-center">
{navItems.map((item) => { <div className="flex flex-col gap-1 px-2">
const Icon = item.icon; {navItems.map((item) => {
const isActive = activeTab === item.id; const Icon = item.icon;
return ( const isActive = activeTab === item.id;
<button return (
key={item.id} <button
onClick={() => onTabChange(item.id)} key={item.id}
title={collapsed ? item.label : undefined} onClick={() => onTabChange(item.id)}
className={cn( title={collapsed ? item.label : undefined}
"group relative flex items-center rounded-xl p-2.5 text-sm font-medium transition-all duration-200 ease-out", className={cn(
collapsed ? "justify-center" : "gap-3", "group relative flex items-center rounded-xl p-2.5 text-sm font-medium transition-all duration-200 ease-out",
isActive collapsed ? "justify-center" : "gap-3",
? "bg-primary/10 text-primary ring-1 ring-primary/20" isActive
: "text-muted-foreground hover:bg-primary/5 hover:text-primary/70", ? "bg-primary/10 text-primary ring-1 ring-primary/20"
)} : "text-muted-foreground hover:bg-primary/5 hover:text-primary/70",
> )}
<Icon className="h-4 w-4 shrink-0" /> >
{!collapsed && <span>{item.label}</span>} <Icon className="h-4 w-4 shrink-0" />
</button> {!collapsed && <span>{item.label}</span>}
); </button>
})} );
})}
</div>
</div> </div>
{/* Spacer pushes mascot to bottom */}
<div className="flex-1" />
{/* Mascot button */} {/* Mascot button */}
<div className="flex justify-center pb-4"> <div className="flex justify-center pb-4">
<button <button