@farming-labs/svelte-theme 0.0.2-beta.24 → 0.0.2-beta.26

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/svelte-theme",
3
- "version": "0.0.2-beta.24",
3
+ "version": "0.0.2-beta.26",
4
4
  "description": "Svelte UI components for @farming-labs/docs — layout, sidebar, TOC, search, and theme toggle",
5
5
  "keywords": [
6
6
  "docs",
@@ -72,8 +72,8 @@
72
72
  "dependencies": {
73
73
  "gray-matter": "^4.0.3",
74
74
  "sugar-high": "^0.9.5",
75
- "@farming-labs/docs": "0.0.2-beta.24",
76
- "@farming-labs/svelte": "0.0.2-beta.24"
75
+ "@farming-labs/docs": "0.0.2-beta.26",
76
+ "@farming-labs/svelte": "0.0.2-beta.26"
77
77
  },
78
78
  "peerDependencies": {
79
79
  "svelte": ">=5.0.0"
@@ -12,6 +12,7 @@
12
12
  titleUrl = undefined,
13
13
  children,
14
14
  triggerComponent = null,
15
+ sidebar = undefined,
15
16
  } = $props();
16
17
 
17
18
  let resolvedTitle = $derived(title ?? config?.nav?.title ?? "Docs");
@@ -252,7 +253,9 @@
252
253
  </div>
253
254
 
254
255
  <nav class="fd-sidebar-nav">
255
- {#if tree?.children}
256
+ {#if sidebar}
257
+ {@render sidebar({ tree, isActive })}
258
+ {:else if tree?.children}
256
259
  {#each tree.children as node, i}
257
260
  {#if node.type === "page"}
258
261
  <a
package/styles/docs.css CHANGED
@@ -1211,8 +1211,9 @@ html.dark pre.shiki {
1211
1211
 
1212
1212
  .fd-edit-on-github {
1213
1213
  display: flex;
1214
+ flex-wrap: wrap;
1214
1215
  align-items: center;
1215
- gap: 16px;
1216
+ gap: 0.75rem 16px;
1216
1217
  margin-top: 32px;
1217
1218
  padding-top: 16px;
1218
1219
  border-top: 1px solid var(--color-fd-border);
@@ -1237,6 +1238,12 @@ html.dark pre.shiki {
1237
1238
  font-size: 12px;
1238
1239
  }
1239
1240
 
1241
+ @media (max-width: 640px) {
1242
+ .fd-last-modified {
1243
+ width: 100%;
1244
+ }
1245
+ }
1246
+
1240
1247
  .fd-llms-txt-links {
1241
1248
  display: inline-flex;
1242
1249
  align-items: center;