@brillout/docpress 0.9.5 → 0.9.7

package/Layout.tsx

@@ -277,7 +277,7 @@ function NavHead({ isNavLeft }: { isNavLeft?: true }) {
       }}
     >
       <TopNavigation />
-      <div className="desktop-grow" />
+      {!isNavLeft && <div className="desktop-grow" />}
       <NavSecondaryContent
         style={{
           display: 'inline-flex',
@@ -324,7 +324,7 @@ function NavHead({ isNavLeft }: { isNavLeft?: true }) {
           }}
         >
           <NavLogo className="mobile-grow-half" />
-          <div className="desktop-grow" />
+          {!isNavLeft && <div className="desktop-grow" />}
           <SearchLink className="mobile-grow-half" style={linkStyle} />
           <MenuLink className="mobile-grow-full" style={linkStyle} />
           {navSecondaryContent}
@@ -448,7 +448,7 @@ function NavHeaderLeftFullWidthBackground() {
 
 function NavLogo({ className }: { className: string }) {
   const pageContext = usePageContext()
-  const iconSize = 39
+  const iconSize = pageContext.config.navLogoSize ?? 39
   const { projectName } = pageContext.meta
   return (
     <a
@@ -477,6 +477,7 @@ function NavLogo({ className }: { className: string }) {
         style={{
           marginLeft: `calc(var(--icon-text-padding) + 2px)`,
           fontSize: isProjectNameShort(projectName) ? '1.65em' : '1.3em',
+          ...pageContext.config.navLogoTextStyle,
         }}
       >
         {projectName}

package/dist/Layout.js

@@ -184,7 +184,7 @@ function NavHead(_a) {
                 width: mainViewMax, // guaranteed real estate
             })) },
         React.createElement(TopNavigation, null),
-        React.createElement("div", { className: "desktop-grow" }),
+        !isNavLeft && React.createElement("div", { className: "desktop-grow" }),
         React.createElement(NavSecondaryContent, { style: {
                 display: 'inline-flex',
                 fontSize: '1.06em',
@@ -218,7 +218,7 @@ function NavHead(_a) {
                     _b.justifyContent = 'center',
                     _b) },
                 React.createElement(NavLogo, { className: "mobile-grow-half" }),
-                React.createElement("div", { className: "desktop-grow" }),
+                !isNavLeft && React.createElement("div", { className: "desktop-grow" }),
                 React.createElement(SearchLink, { className: "mobile-grow-half", style: linkStyle }),
                 React.createElement(MenuLink, { className: "mobile-grow-full", style: linkStyle }),
                 navSecondaryContent)),
@@ -260,9 +260,10 @@ function NavHeaderLeftFullWidthBackground() {
         css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n@container container-viewport (min-width: 0px) {\n  .nav-bg {\n     width: 100cqw;\n  }\n}\n"], ["\n@container container-viewport (min-width: 0px) {\n  .nav-bg {\n     width: 100cqw;\n  }\n}\n"]))))));
 }
 function NavLogo(_a) {
+    var _b;
     var className = _a.className;
     var pageContext = usePageContext();
-    var iconSize = 39;
+    var iconSize = (_b = pageContext.config.navLogoSize) !== null && _b !== void 0 ? _b : 39;
     var projectName = pageContext.meta.projectName;
     return (React.createElement("a", { className: cls(['nav-logo', className]), style: {
             display: 'flex',
@@ -279,10 +280,7 @@ function NavLogo(_a) {
                 ev.preventDefault();
                 navigate('/press#logo');
             } }),
-        React.createElement("span", { style: {
-                marginLeft: "calc(var(--icon-text-padding) + 2px)",
-                fontSize: isProjectNameShort(projectName) ? '1.65em' : '1.3em',
-            } }, projectName)));
+        React.createElement("span", { style: __assign({ marginLeft: "calc(var(--icon-text-padding) + 2px)", fontSize: isProjectNameShort(projectName) ? '1.65em' : '1.3em' }, pageContext.config.navLogoTextStyle) }, projectName)));
 }
 function isProjectNameShort(projectName) {
     return projectName.length <= 4;

package/dist/types/Config.d.ts

@@ -28,4 +28,6 @@ type Config = {
     pressKit?: true;
     sponsorGithubAccount?: string;
     navMaxWidth?: number;
+    navLogoSize?: number;
+    navLogoTextStyle?: React.CSSProperties;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brillout/docpress",
-  "version": "0.9.5",
+  "version": "0.9.7",
   "type": "module",
   "dependencies": {
     "@brillout/picocolors": "^1.0.10",

package/types/Config.ts

@@ -30,4 +30,6 @@ type Config = {
   pressKit?: true
   sponsorGithubAccount?: string
   navMaxWidth?: number
+  navLogoSize?: number
+  navLogoTextStyle?: React.CSSProperties
 }