@codesinger0/shared-components 1.1.49 → 1.1.51
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.
- package/dist/components/Menu.jsx +19 -17
- package/package.json +1 -1
package/dist/components/Menu.jsx
CHANGED
|
@@ -66,7 +66,7 @@ const Menu = ({
|
|
|
66
66
|
<div className="w-full">
|
|
67
67
|
|
|
68
68
|
{/* Top section - Logo and Children content */}
|
|
69
|
-
{children && (<div className="w-full flex items-center
|
|
69
|
+
{children && (<div className="w-full flex items-center py-4 px-6">
|
|
70
70
|
{/* Logo - takes only required space */}
|
|
71
71
|
<Link to="/" className={`flex-shrink-0 ${logoClassName}`}>
|
|
72
72
|
<div className="relative w-24 h-12 lg:w-32 lg:h-16 overflow-hidden flex items-center justify-center">
|
|
@@ -97,29 +97,31 @@ const Menu = ({
|
|
|
97
97
|
)}
|
|
98
98
|
|
|
99
99
|
{/* Bottom section - Menu navigation bar */}
|
|
100
|
-
<div className="w-full px-6
|
|
100
|
+
<div className="w-full px-6 py-4 flex justify-between items-center">
|
|
101
101
|
{/* Left side - Auth buttons */}
|
|
102
102
|
<div className="flex items-center">
|
|
103
103
|
{AuthButtonsComponent && <AuthButtonsComponent />}
|
|
104
104
|
</div>
|
|
105
105
|
|
|
106
|
-
{/* Right side - Menu items */}
|
|
107
|
-
<div className="flex
|
|
108
|
-
|
|
109
|
-
item
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
106
|
+
{/* Center / Right side - Menu items */}
|
|
107
|
+
<div className="flex-1 flex justify-center">
|
|
108
|
+
<div className="flex items-center space-x-6 space-x-reverse" dir="rtl">
|
|
109
|
+
{navigationItems.map((item, index) => (
|
|
110
|
+
item.adminRoute && !isAdmin ? null : (
|
|
111
|
+
<Link
|
|
112
|
+
key={index}
|
|
113
|
+
to={item.href}
|
|
114
|
+
onClick={() => handleMenuItemClick(item)}
|
|
115
|
+
className={`subtitle font-normal cursor-pointer menu-item-hover px-4 py-2 rounded-md text transition-colors duration-500 ease-in-out hover:text-primary ${menuItemClassName}`}
|
|
116
|
+
>
|
|
117
|
+
{item.label}
|
|
118
|
+
</Link>
|
|
119
|
+
)
|
|
120
|
+
))}
|
|
121
|
+
</div>
|
|
120
122
|
</div>
|
|
121
123
|
|
|
122
|
-
{/* Render logo here if no children */}
|
|
124
|
+
{/* Right Side Render logo here if no children */}
|
|
123
125
|
{!children && (
|
|
124
126
|
<Link to="/" className={`flex-shrink-0 ${logoClassName}`}>
|
|
125
127
|
<div className="relative w-24 h-12 lg:w-32 lg:h-16 overflow-hidden flex items-center justify-center">
|