@farming-labs/nuxt-theme 0.0.2-beta.26 → 0.0.2-beta.27

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@farming-labs/nuxt-theme",
3
- "version": "0.0.2-beta.26",
3
+ "version": "0.0.2-beta.27",
4
4
  "description": "Nuxt/Vue UI components for @farming-labs/docs — layout, sidebar, TOC, search, and theme toggle",
5
5
  "keywords": [
6
6
  "docs",
@@ -53,7 +53,7 @@
53
53
  },
54
54
  "dependencies": {
55
55
  "sugar-high": "^0.9.5",
56
- "@farming-labs/docs": "0.0.2-beta.26"
56
+ "@farming-labs/docs": "0.0.2-beta.27"
57
57
  },
58
58
  "peerDependencies": {
59
59
  "nuxt": ">=3.0.0",
@@ -303,6 +303,10 @@ const showFloatingAI = computed(
303
303
  </button>
304
304
  </div>
305
305
 
306
+ <div v-if="$slots['sidebar-header']" class="fd-sidebar-banner">
307
+ <slot name="sidebar-header" />
308
+ </div>
309
+
306
310
  <nav class="fd-sidebar-nav">
307
311
  <slot name="sidebar" :tree="tree" :is-active="isActive">
308
312
  <template v-if="tree?.children">
@@ -424,6 +428,10 @@ const showFloatingAI = computed(
424
428
  </slot>
425
429
  </nav>
426
430
 
431
+ <div v-if="$slots['sidebar-footer']" class="fd-sidebar-footer-custom">
432
+ <slot name="sidebar-footer" />
433
+ </div>
434
+
427
435
  <div v-if="showThemeToggle" class="fd-sidebar-footer">
428
436
  <ThemeToggle />
429
437
  </div>
package/styles/docs.css CHANGED
@@ -375,6 +375,16 @@ samp {
375
375
  background: var(--color-fd-border);
376
376
  }
377
377
 
378
+ .fd-sidebar-banner {
379
+ padding: 12px 16px;
380
+ border-bottom: 1px solid var(--color-fd-border);
381
+ }
382
+
383
+ .fd-sidebar-footer-custom {
384
+ padding: 12px 16px;
385
+ border-top: 1px solid var(--color-fd-border);
386
+ }
387
+
378
388
  .fd-sidebar-footer {
379
389
  padding: 12px 16px;
380
390
  border-top: 1px solid var(--color-fd-border);