feat: add header slot to mobile sidebar

Author: onmax

docs/vitepress-theme/index.md

@@ -351,7 +351,7 @@ export default defineNimiqThemeConfig({
 </template>
 ```
 
-The slot is only visible on desktop in the home layout.
+The slot appears in both desktop header and mobile sidebar (above the modules selector) in the home layout.
 
 ## Customization
 

packages/nimiq-icons/src/flags/icons.json

@@ -1268,7 +1268,7 @@
 			"body": "<mask id=\"nimiq-flags-zw-hexagon-pbk987\" width=\"32\" height=\"28\" x=\"0\" y=\"2\" maskUnits=\"userSpaceOnUse\" style=\"mask-type:alpha\"><path fill=\"#fff\" d=\"M31.15 14.71 24.707 3.54a2.58 2.58 0 00-2.234-1.29H9.582c-.92 0-1.77.49-2.23 1.29L.907 14.71c-.46.8-.46 1.78 0 2.58l6.445 11.17c.46.8 1.31 1.29 2.23 1.29h12.89c.92 0 1.77-.49 2.23-1.29l6.445-11.17c.464-.8.464-1.78.004-2.58\"/></mask><g fill=\"none\"><g mask=\"url(#nimiq-flags-zw-hexagon-pbk987)\"><path fill=\"#6DA544\" d=\"M1.962 0H32v32H1.962z\"/><path fill=\"#FFDA44\" d=\"M3.613 4.581H32v4.582l-4.069 6.875 4.07 6.875v4.58H3.612z\"/><path fill=\"#D80027\" d=\"M8.25 9.162H32v4.582l-1.687 2.25L32 18.325v4.581H8.25z\"/><path fill=\"#EEE\" d=\"M0 0v32l17.488-16z\"/><path fill=\"#D80027\" d=\"m6.437 11.825 1.032 3.188h3.35l-2.713 1.975 1.038 3.187-2.713-1.969-2.712 1.969 1.037-3.187-2.712-1.976h3.35z\"/><path fill=\"#FFDA44\" d=\"m9.281 16.263-2.7-.957-.212-1.937a1.044 1.044 0 10-2.032.475l-.75.756h1.344c0 1.4-1.044 1.4-1.044 2.794l.575 1.387h3.482l.58-1.387q.086-.198.107-.413c.5-.2.65-.719.65-.719\"/><path fill=\"#333\" d=\"m1.963 0 13.75 13.75H32v4.575H15.638L1.962 32H0l16-16L0 0z\"/><path fill=\"url(#nimiq-flags-zw-hexagon-pbk987)\" d=\"M31.15 14.71 24.707 3.54a2.58 2.58 0 00-2.234-1.29H9.582c-.92 0-1.77.49-2.23 1.29L.907 14.71c-.46.8-.46 1.78 0 2.58l6.445 11.17c.46.8 1.31 1.29 2.23 1.29h12.89c.92 0 1.77-.49 2.23-1.29l6.445-11.17c.464-.8.464-1.78.004-2.58\"/></g><defs><radialGradient id=\"nimiq-flags-zw-hexagon-pbk987\" cx=\"0\" cy=\"0\" r=\"1\" gradientTransform=\"matrix(30.943 0 0 30.9452 23.829 29.395)\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"#1D1D1B\" stop-opacity=\".3\"/><stop offset=\"1\" stop-color=\"#E9B213\" stop-opacity=\"0\"/></radialGradient></defs></g>"
 		}
 	},
-	"lastModified": 1759218657,
+	"lastModified": 1759222148,
 	"width": 32,
 	"height": 32
 }

packages/nimiq-icons/src/flags/info.json

@@ -2,7 +2,7 @@
 	"prefix": "nimiq-flags",
 	"name": "nimiq-flags",
 	"total": 422,
-	"version": "1.0.0-beta.102",
+	"version": "1.0.0-beta.104",
 	"author": {
 		"name": "onmax",
 		"url": "https://github.com/onmax"

packages/nimiq-icons/src/flags/package.json

@@ -2,7 +2,7 @@
 	"name": "nimiq-flags",
 	"description": "The Nimiq Flags as an iconify icon set.",
 	"version": "1.0.0-beta.104",
-	"iconSetVersion": "1.0.0-beta.102",
+	"iconSetVersion": "1.0.0-beta.104",
 	"main": "index.js",
 	"module": "index.mjs",
 	"types": "index.d.ts",

packages/nimiq-icons/src/icons/icons.json

@@ -1586,7 +1586,7 @@
 			"hidden": true
 		}
 	},
-	"lastModified": 1759218657,
+	"lastModified": 1759222148,
 	"width": 12,
 	"height": 12
 }

packages/nimiq-icons/src/icons/info.json

@@ -2,7 +2,7 @@
 	"prefix": "nimiq",
 	"name": "nimiq-icons",
 	"total": 84,
-	"version": "1.0.0-beta.102",
+	"version": "1.0.0-beta.104",
 	"author": {
 		"name": "onmax",
 		"url": "https://github.com/onmax"

packages/nimiq-icons/src/icons/package.json

@@ -2,7 +2,7 @@
 	"name": "nimiq-icons",
 	"description": "The Nimiq Icons as an iconify icon set.",
 	"version": "1.0.0-beta.104",
-	"iconSetVersion": "1.0.0-beta.102",
+	"iconSetVersion": "1.0.0-beta.104",
 	"main": "index.js",
 	"module": "index.mjs",
 	"types": "index.d.ts",

packages/nimiq-vitepress-theme/src/layout/Layout.vue

@@ -39,7 +39,11 @@ const isMobileOrTablet = breakpoints.smaller('lg')
   <div v-else-if="isHome" data-layout="home" min-h-screen bg-neutral-1100>
     <template v-if="isMobileOrTablet">
       <Content />
-      <MobileNav fixed bottom-0 />
+      <MobileNav fixed bottom-0>
+        <template #header-nav-before-modules>
+          <slot name="header-nav-before-modules" />
+        </template>
+      </MobileNav>
     </template>
     <template v-else>
       <DesktopHeader>

packages/nimiq-vitepress-theme/src/layout/MobileNav.vue

@@ -67,7 +67,11 @@ function handleSearchClose() {
               <DrawerOverlay fixed inset-0 bg-neutral bg-opacity-20 />
               <DrawerContent fixed inset-y-0 right-0 w-85vw max-w-450 min-h-screen bg-neutral-100 rounded-l-12 p-0 z-1000>
                 <div w-full f-px-sm h-screen of-hidden class="mobile-sidebar-container">
-                  <Sidebar :search="false" relateive inset-unset size-full p-0 />
+                  <Sidebar :search="false" relateive inset-unset size-full p-0>
+                    <template #header-nav-before-modules>
+                      <slot name="header-nav-before-modules" />
+                    </template>
+                  </Sidebar>
                 </div>
               </DrawerContent>
             </DrawerPortal>

packages/nimiq-vitepress-theme/src/layout/Sidebar.vue

@@ -67,6 +67,9 @@ function openAccordionInitialState(items: NimiqVitepressSidebar['items'][number]
       </span>
       <CommandMenu v-if="search" f-mt-sm />
 
+      <!-- Custom slot before modules -->
+      <slot name="header-nav-before-modules" />
+
       <!-- Show collapsible when currentDocModule has sidebar content -->
       <CollapsibleRoot v-if="currentDocModule?.sidebar?.length" v-model:open="submoduleNavigatorOpen" w-full f-mt-sm>
         <CollapsibleTrigger bg-transparent w-full relative group outline="~ 1.5 neutral-300" rounded="6 reka-open:b-0" transition-border-radius of-clip>