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>
{/* Navigation items */}
<div className="flex flex-col gap-1 px-2">
{navItems.map((item) => {
const Icon = item.icon;
const isActive = activeTab === item.id;
return (
<button
key={item.id}
onClick={() => onTabChange(item.id)}
title={collapsed ? item.label : undefined}
className={cn(
"group relative flex items-center rounded-xl p-2.5 text-sm font-medium transition-all duration-200 ease-out",
collapsed ? "justify-center" : "gap-3",
isActive
? "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>}
</button>
);
})}
{/* Navigation items — centered vertically */}
<div className="flex flex-1 flex-col justify-center">
<div className="flex flex-col gap-1 px-2">
{navItems.map((item) => {
const Icon = item.icon;
const isActive = activeTab === item.id;
return (
<button
key={item.id}
onClick={() => onTabChange(item.id)}
title={collapsed ? item.label : undefined}
className={cn(
"group relative flex items-center rounded-xl p-2.5 text-sm font-medium transition-all duration-200 ease-out",
collapsed ? "justify-center" : "gap-3",
isActive
? "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>}
</button>
);
})}
</div>
</div>
{/* Spacer pushes mascot to bottom */}
<div className="flex-1" />
{/* Mascot button */}
<div className="flex justify-center pb-4">
<button