uibee 2.4.9 → 2.4.10
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.
|
@@ -9,7 +9,7 @@ export default function NavDropdown({ children, title, className }) {
|
|
|
9
9
|
transition-colors`, children: [title, _jsx(ChevronDown, { className: 'w-6 h-6 stroke-login ml-1 text-2xl transition-transform duration-300 ease-in-out' })] }), _jsx("div", { className: `absolute pt-2 -ml-4 -translate-y-4 opacity-0 pointer-events-none
|
|
10
10
|
transition-all duration-200 ease-in-out z-10
|
|
11
11
|
group-hover:opacity-100 group-hover:pointer-events-auto group-hover:translate-y-0
|
|
12
|
-
group-focus-within:opacity-100 group-focus-within:pointer-events-auto group-focus-within:translate-y-0`, children: _jsx("ul", { className: `p-3 px-6 pb-4 rounded-[0.4rem] shadow-[0_0.1rem_0.5rem_rgba(3,3,3,0.5)] bg-login-700/98 ${className || ''}`, children: React.Children.map(children, (child, index) => (_jsx("div", { onClick: () => navItemRef.current?.blur(), className: 'group dropdown', children: child }, index))) }) })] }) }), _jsxs("div", { className: 'block 800px:hidden!', children: [_jsx("button", { className: 'bg-none border-none cursor-pointer w-full text-left', onClick: (e) => {
|
|
12
|
+
group-focus-within:opacity-100 group-focus-within:pointer-events-auto group-focus-within:translate-y-0`, children: _jsx("ul", { className: `p-3 px-6 pb-4 rounded-[0.4rem] shadow-[0_0.1rem_0.5rem_rgba(3,3,3,0.5)] bg-login-700/98 ${className || ''}`, onClick: () => navItemRef.current?.blur(), children: React.Children.map(children, (child, index) => (_jsx("div", { onClick: () => navItemRef.current?.blur(), className: 'group dropdown', children: child }, index))) }) })] }) }), _jsxs("div", { className: 'block 800px:hidden!', children: [_jsx("button", { className: 'bg-none border-none cursor-pointer w-full text-left', onClick: (e) => {
|
|
13
13
|
e.stopPropagation();
|
|
14
14
|
setIsMobileDropdownOpen(!isMobileDropdownOpen);
|
|
15
15
|
}, children: _jsxs("li", { className: `list-none no-underline text-2xl leading-6 overflow-hidden
|
package/package.json
CHANGED
|
@@ -29,8 +29,10 @@ export default function NavDropdown({ children, title, className }: NavDropdownP
|
|
|
29
29
|
group-hover:opacity-100 group-hover:pointer-events-auto group-hover:translate-y-0
|
|
30
30
|
group-focus-within:opacity-100 group-focus-within:pointer-events-auto group-focus-within:translate-y-0`}
|
|
31
31
|
>
|
|
32
|
-
<ul
|
|
33
|
-
className
|
|
32
|
+
<ul
|
|
33
|
+
className={`p-3 px-6 pb-4 rounded-[0.4rem] shadow-[0_0.1rem_0.5rem_rgba(3,3,3,0.5)] bg-login-700/98 ${
|
|
34
|
+
className || ''}`}
|
|
35
|
+
onClick={() => navItemRef.current?.blur()}
|
|
34
36
|
>
|
|
35
37
|
{React.Children.map(children, (child, index) => (
|
|
36
38
|
<div
|