@umituz/web-dashboard 2.4.1 → 2.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/package.json +1 -1
  2. package/src/domains/layouts/components/DashboardSidebar.tsx +10 -8
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@umituz/web-dashboard",
3
- "version": "2.4.1",
3
+ "version": "2.5.0",
4
4
  "description": "Dashboard Layout System - Customizable, themeable dashboard layouts and settings",
5
5
  "main": "./src/index.ts",
6
6
  "types": "./src/index.ts",
package/src/domains/layouts/components/DashboardSidebar.tsx CHANGED
@@ -97,16 +97,18 @@ export const DashboardSidebar = ({
97
97
  {!collapsed && (
98
98
  <button
99
99
  onClick={() => toggleGroup(group.title)}
100
- className="w-full flex items-center justify-between px-3 mb-2 group/header"
100
+ className="w-full flex items-center justify-between px-3 py-2 mb-1 rounded-lg hover:bg-sidebar-accent/30 transition-all duration-200 group/header"
101
101
  >
102
102
  <span className="text-[10px] font-bold uppercase tracking-widest text-sidebar-foreground/40 group-hover/header:text-sidebar-foreground/70 transition-colors">
103
103
  {group.title === "sidebar.ai" ? `${brandName} AI` : t(group.title)}
104
104
  </span>
105
- {isGroupCollapsed ? (
106
- <ChevronRight className="h-3 w-3 text-sidebar-foreground/30 flex-shrink-0 group-hover/header:text-sidebar-foreground/50 transition-colors" />
107
- ) : (
108
- <ChevronDown className="h-3 w-3 text-sidebar-foreground/30 flex-shrink-0 group-hover/header:text-sidebar-foreground/50 transition-colors" />
109
- )}
105
+ <div className="flex-shrink-0">
106
+ {isGroupCollapsed ? (
107
+ <ChevronRight className="h-3.5 w-3.5 text-sidebar-foreground/30 transition-transform duration-200 group-hover/header:text-sidebar-foreground/50" />
108
+ ) : (
109
+ <ChevronDown className="h-3.5 w-3.5 text-sidebar-foreground/30 transition-transform duration-200 group-hover/header:text-sidebar-foreground/50" />
110
+ )}
111
+ </div>
110
112
  </button>
111
113
  )}
112
114
 
@@ -116,14 +118,14 @@ export const DashboardSidebar = ({
116
118
  <Link
117
119
  key={item.path}
118
120
  to={item.path}
119
- className={`flex items-center gap-3 rounded-lg px-3 py-2 text-sm font-medium transition-all duration-200 ${
121
+ className={`flex items-center gap-3 rounded-lg px-3 py-2.5 text-sm font-medium transition-all duration-200 ${
120
122
  active
121
123
  ? "bg-sidebar-accent text-sidebar-accent-foreground shadow-sm"
122
124
  : "text-sidebar-foreground/70 hover:bg-sidebar-accent/40 hover:text-sidebar-foreground"
123
125
  } ${collapsed ? "justify-center" : ""}`}
124
126
  title={collapsed ? t(item.label) : undefined}
125
127
  >
126
- <item.icon className={`h-4 w-4 shrink-0 transition-transform ${active && "scale-110"}`} />
128
+ <item.icon className={`h-4 w-4 shrink-0 transition-transform duration-200 ${active && "scale-110"}`} />
127
129
  {!collapsed && <span>{t(item.label)}</span>}
128
130
  </Link>
129
131
  );