@brillout/docpress 0.10.14 → 0.10.16

package/Layout.tsx

@@ -322,7 +322,6 @@ function NavHead({ isNavLeft }: { isNavLeft?: true }) {
         backgroundColor: 'var(--bg-color)',
         borderBottom: 'var(--block-margin) solid white',
         position: 'relative',
-        marginBottom: !isNavLeft ? -5 : 0,
       }}
     >
       {isNavLeft && <NavHeaderLeftFullWidthBackground />}
@@ -386,9 +385,6 @@ function NavHead({ isNavLeft }: { isNavLeft?: true }) {
     padding: 0;
     margin: 0;
   }
-  .nav-head-top {
-    margin-bottom: -15px !important;
-  }
 }
 @container container-nav-head (min-width: 501px) {
   .nav-head-content {
@@ -398,7 +394,7 @@ function NavHead({ isNavLeft }: { isNavLeft?: true }) {
     padding: 0 var(--padding-side);
   }
 }
-@container container-nav-head (min-width: ${containerQueryMobileNav + 100}px) {
+@container container-nav-head (min-width: ${containerQueryMobileNav + 150}px) {
   .nav-head-content {
     --padding-side: 35px;
   }

package/NavSecondaryContent.tsx

@@ -4,6 +4,7 @@ import React from 'react'
 import iconGithub from './icons/github.svg'
 import iconTwitter from './icons/twitter.svg'
 import iconDiscord from './icons/discord.svg'
+import iconBluesky from './icons/bluesky.svg'
 import iconChangelog from './icons/changelog.svg'
 import iconLanguages from './icons/languages.svg'
 import { usePageContext } from './renderer/usePageContext'
@@ -34,6 +35,13 @@ function NavSecondaryContent(props: { style?: React.CSSProperties }) {
         <LinkIcon className="decolorize-6" icon={iconDiscord} href={projectInfo.discordInvite} />
       )}
       <LinkIcon className="decolorize-4" icon={iconTwitter} href={projectInfo.twitterProfile} />
+      {projectInfo.blueskyHandle && (
+        <LinkIcon
+          className="decolorize-6"
+          icon={iconBluesky}
+          href={`https://bsky.app/profile/${projectInfo.blueskyHandle}`}
+        />
+      )}
       <LinkIcon className="decolorize-4" icon={iconGithub} href={projectInfo.githubRepository} />
       <ChangelogButton />
     </div>

package/css/heading.css

@@ -9,7 +9,7 @@ h3 {
 }
 
 .doc-page h1 {
-  margin-top: 15px;
+  margin-top: 0px;
   margin-bottom: 20px;
 }
 

package/dist/types/Config.d.ts

@@ -9,6 +9,7 @@ type Config = {
         projectVersion: string;
         discordInvite?: string;
         twitterProfile: string;
+        blueskyHandle?: string;
     };
     logoUrl?: string;
     faviconUrl?: string;

package/icons/bluesky.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 360 320">
+    <path fill="#0085ff" d="M180 142c-16.3-31.7-60.7-90.8-102-120C38.5-5.9 23.4-1 13.5 3.4 2.1 8.6 0 26.2 0 36.5c0 10.4 5.7 84.8 9.4 97.2 12.2 41 55.7 55 95.7 50.5-58.7 8.6-110.8 30-42.4 106.1 75.1 77.9 103-16.7 117.3-64.6 14.3 48 30.8 139 116 64.6 64-64.6 17.6-97.5-41.1-106.1 40 4.4 83.5-9.5 95.7-50.5 3.7-12.4 9.4-86.8 9.4-97.2 0-10.3-2-27.9-13.5-33C336.5-1 321.5-6 282 22c-41.3 29.2-85.7 88.3-102 120Z"/>
+</svg>

package/package.json

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

package/types/Config.ts

@@ -11,6 +11,7 @@ type Config = {
     projectVersion: string
     discordInvite?: string
     twitterProfile: string
+    blueskyHandle?: string
   }
   logoUrl?: string
   faviconUrl?: string