@commandcenterio/convert-ui 0.0.7 → 0.0.9
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/index.js +4 -4
- package/dist/index.mjs +4 -4
- package/package.json +1 -1
package/dist/index.js
CHANGED
@@ -457,16 +457,16 @@ var Navbar = function({
|
|
457
457
|
return /* @__PURE__ */ jsxRuntime.jsx("a", { href: link.link, className: "btn btn-sm btn-ghost", children: link.text }, idx);
|
458
458
|
});
|
459
459
|
};
|
460
|
-
const roundedClassNames = type === "rounded" ? "navbar mx-auto flex max-w-[95%] items-center justify-between rounded-full bg-base-200 px-4 py-2 shadow-sm
|
460
|
+
const roundedClassNames = type === "rounded" ? "navbar mx-auto flex max-w-[95%] items-center justify-between rounded-full bg-base-200 px-4 py-2 shadow-sm xl:max-w-[90%] 2xl:max-w-[85%] 3xl:max-w-[80%] 4xl:max-w-[75%]" : null;
|
461
461
|
const fullClassNames = type === "full" ? "flex w-[100%] items-center justify-between bg-base-200 px-4 py-2" : null;
|
462
462
|
const defaultClassNames = type === "default" ? "navbar mx-auto flex w-full items-center justify-between rounded-box px-4 py-2 shadow-sm" : null;
|
463
463
|
const containerClasses = roundedClassNames || fullClassNames || defaultClassNames;
|
464
464
|
const logoHeight = maxLogoHeight ? maxLogoHeight : "50px";
|
465
465
|
const logoHeightStyle = { "--logo-height": logoHeight };
|
466
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full
|
466
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${containerClasses} ${classNames2}`, children: [
|
467
467
|
!!children ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-row justify-between items-center", children }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-[var(--logo-height)]", style: logoHeightStyle, children: /* @__PURE__ */ jsxRuntime.jsx("img", { className: "h-[var(--logo-height)]", src: logo || "", alt: "logo" }) }),
|
468
|
-
/* @__PURE__ */ jsxRuntime.jsx("ul", { className: "menu menu-horizontal hidden items-center gap-2 px-1
|
469
|
-
/* @__PURE__ */ jsxRuntime.jsx("ul", { className: "menu menu-horizontal items-center gap-2 px-1
|
468
|
+
/* @__PURE__ */ jsxRuntime.jsx("ul", { className: "menu menu-horizontal hidden items-center gap-2 px-1 lg:flex flex-nowrap", children: renderMenuItem() }),
|
469
|
+
/* @__PURE__ */ jsxRuntime.jsx("ul", { className: "menu menu-horizontal items-center gap-2 px-1 lg:hidden", children: /* @__PURE__ */ jsxRuntime.jsx("li", { className: "flex", children: /* @__PURE__ */ jsxRuntime.jsxs("details", { className: "items-start", children: [
|
470
470
|
/* @__PURE__ */ jsxRuntime.jsx("summary", { children: "Navigate" }),
|
471
471
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-2 absolute bg-base-300 rounded-box mt-2 p-4", children: renderMenuItem() })
|
472
472
|
] }) }) }),
|
package/dist/index.mjs
CHANGED
@@ -447,16 +447,16 @@ var Navbar = function({
|
|
447
447
|
return /* @__PURE__ */ jsx("a", { href: link.link, className: "btn btn-sm btn-ghost", children: link.text }, idx);
|
448
448
|
});
|
449
449
|
};
|
450
|
-
const roundedClassNames = type === "rounded" ? "navbar mx-auto flex max-w-[95%] items-center justify-between rounded-full bg-base-200 px-4 py-2 shadow-sm
|
450
|
+
const roundedClassNames = type === "rounded" ? "navbar mx-auto flex max-w-[95%] items-center justify-between rounded-full bg-base-200 px-4 py-2 shadow-sm xl:max-w-[90%] 2xl:max-w-[85%] 3xl:max-w-[80%] 4xl:max-w-[75%]" : null;
|
451
451
|
const fullClassNames = type === "full" ? "flex w-[100%] items-center justify-between bg-base-200 px-4 py-2" : null;
|
452
452
|
const defaultClassNames = type === "default" ? "navbar mx-auto flex w-full items-center justify-between rounded-box px-4 py-2 shadow-sm" : null;
|
453
453
|
const containerClasses = roundedClassNames || fullClassNames || defaultClassNames;
|
454
454
|
const logoHeight = maxLogoHeight ? maxLogoHeight : "50px";
|
455
455
|
const logoHeightStyle = { "--logo-height": logoHeight };
|
456
|
-
return /* @__PURE__ */ jsx("div", { className: "w-full
|
456
|
+
return /* @__PURE__ */ jsx("div", { className: "w-full", children: /* @__PURE__ */ jsxs("div", { className: `${containerClasses} ${classNames2}`, children: [
|
457
457
|
!!children ? /* @__PURE__ */ jsx("div", { className: "flex flex-row justify-between items-center", children }) : /* @__PURE__ */ jsx("div", { className: "h-[var(--logo-height)]", style: logoHeightStyle, children: /* @__PURE__ */ jsx("img", { className: "h-[var(--logo-height)]", src: logo || "", alt: "logo" }) }),
|
458
|
-
/* @__PURE__ */ jsx("ul", { className: "menu menu-horizontal hidden items-center gap-2 px-1
|
459
|
-
/* @__PURE__ */ jsx("ul", { className: "menu menu-horizontal items-center gap-2 px-1
|
458
|
+
/* @__PURE__ */ jsx("ul", { className: "menu menu-horizontal hidden items-center gap-2 px-1 lg:flex flex-nowrap", children: renderMenuItem() }),
|
459
|
+
/* @__PURE__ */ jsx("ul", { className: "menu menu-horizontal items-center gap-2 px-1 lg:hidden", children: /* @__PURE__ */ jsx("li", { className: "flex", children: /* @__PURE__ */ jsxs("details", { className: "items-start", children: [
|
460
460
|
/* @__PURE__ */ jsx("summary", { children: "Navigate" }),
|
461
461
|
/* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2 absolute bg-base-300 rounded-box mt-2 p-4", children: renderMenuItem() })
|
462
462
|
] }) }) }),
|