myshell-react-lib 0.1.36 → 0.1.38

package/dist/index.cjs

@@ -11463,7 +11463,7 @@ var import_react14 = require("react");
 var import_react_use7 = require("react-use");
 var import_jsx_runtime43 = require("react/jsx-runtime");
 function TopNavigationBar(param) {
-    var searchElement = param.searchElement, title = param.title, border = param.border, backUrl = param.backUrl, children = param.children, _param_hasBackground = param.hasBackground, hasBackground = _param_hasBackground === void 0 ? true : _param_hasBackground, avatar = param.avatar, onBack = param.onBack, _param_pageType = param.pageType, pageType = _param_pageType === void 0 ? 2 : _param_pageType;
+    var searchElement = param.searchElement, title = param.title, border = param.border, backUrl = param.backUrl, children = param.children, _param_hasBackground = param.hasBackground, hasBackground = _param_hasBackground === void 0 ? false : _param_hasBackground, avatar = param.avatar, onBack = param.onBack, _param_pageType = param.pageType, pageType = _param_pageType === void 0 ? 2 : _param_pageType, className = param.className;
     var isMobile2 = (0, import_react_use7.useMedia)("(max-width: 768px)");
     var navbarRef = (0, import_react14.useRef)(null);
     var _ref = _sliced_to_array((0, import_react14.useState)(hasBackground), 2), showBackground = _ref[0], setShowBackground = _ref[1];
@@ -11487,10 +11487,10 @@ function TopNavigationBar(param) {
     ]);
     return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", {
         ref: navbarRef,
-        className: cn("w-full flex flex-col md:flex-row justify-center items-center px-4 md:px-6", !isMobile2 && border && "border-b border-Colors-Border-Default", showBackground && "bg-Colors-Background-Normal-Primary-Default"),
+        className: cn("w-full flex flex-col md:flex-row justify-center items-center px-4 md:px-6", !isMobile2 && border && "border-b border-Colors-Border-Default", showBackground ? "bg-Colors-Background-Normal-Primary-Default" : "bg-cc-Button-Plain-bg-default md:bg-Colors-Background-Normal-Primary-Default", className),
         children: [
             /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", {
-                className: "relative w-full flex justify-between items-center h-13 md:h-15 pt-5 pb-1.5 md:pt-2 md:pb-2",
+                className: cn("relative w-full flex justify-between items-center h-13 md:h-15", searchElement && "pt-5 pb-1.5 md:pt-2 md:pb-2"),
                 children: [
                     /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", {
                         className: "flex-1 flex items-center justify-start",
@@ -11521,8 +11521,8 @@ function TopNavigationBar(param) {
                                 ]
                             }),
                             title && !(avatar === null || avatar === void 0 ? void 0 : avatar.logo) && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Display, {
-                                size: isMobile2 ? "xs" : "sm",
-                                className: "line-clamp-1",
+                                size: "sm",
+                                className: "line-clamp-1 text-xl",
                                 children: title
                             })
                         ]