uibee 2.4.6 → 2.4.8
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 }) {
|
|
|
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', 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', 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/dist/src/globals.css
CHANGED
|
@@ -1443,6 +1443,11 @@
|
|
|
1443
1443
|
display: none;
|
|
1444
1444
|
}
|
|
1445
1445
|
}
|
|
1446
|
+
.\38 00px\:hidden\! {
|
|
1447
|
+
@media (width >= 800px) {
|
|
1448
|
+
display: none !important;
|
|
1449
|
+
}
|
|
1450
|
+
}
|
|
1446
1451
|
.\38 00px\:h-20 {
|
|
1447
1452
|
@media (width >= 800px) {
|
|
1448
1453
|
height: calc(var(--spacing) * 20);
|
|
@@ -1520,11 +1525,6 @@
|
|
|
1520
1525
|
--color-login-100: #fcfcfc;
|
|
1521
1526
|
--color-login-50: #ffffff;
|
|
1522
1527
|
}
|
|
1523
|
-
body {
|
|
1524
|
-
color: var(--foreground);
|
|
1525
|
-
background: var(--background);
|
|
1526
|
-
font-family: Arial, Helvetica, sans-serif;
|
|
1527
|
-
}
|
|
1528
1528
|
@keyframes jump {
|
|
1529
1529
|
40% {
|
|
1530
1530
|
transform: translateY(-0.3rem);
|
package/package.json
CHANGED
|
@@ -44,7 +44,7 @@ export default function NavDropdown({ children, title }: NavDropdownProps) {
|
|
|
44
44
|
</div>
|
|
45
45
|
|
|
46
46
|
{/* Mobile Dropdown */}
|
|
47
|
-
<div className={'block 800px:hidden'}>
|
|
47
|
+
<div className={'block 800px:hidden!'}>
|
|
48
48
|
<button
|
|
49
49
|
className={'bg-none border-none cursor-pointer w-full text-left'}
|
|
50
50
|
onClick={(e) => {
|
package/src/globals.css
CHANGED