@kolkrabbi/kol-workshop 0.24.0 → 0.24.1
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 +2 -2
- package/src/shell/ShellLayout.jsx +12 -9
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kolkrabbi/kol-workshop",
|
|
3
|
-
"version": "0.24.
|
|
3
|
+
"version": "0.24.1",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "KOL workshop/docs system — a handrolled markdown engine, search, tag system (incl. a d3 tag graph), docs viewer, and docs shell. Sits above @kolkrabbi/kol-{theme,icons,component,framework}; content is consumer-injected (the package never globs docs).",
|
|
6
6
|
"license": "MIT",
|
|
@@ -25,8 +25,8 @@
|
|
|
25
25
|
"react-router-dom": "^6.0.0 || ^7.0.0"
|
|
26
26
|
},
|
|
27
27
|
"devDependencies": {
|
|
28
|
-
"@kolkrabbi/kol-component": "^0.68.1",
|
|
29
28
|
"@kolkrabbi/kol-icons": "^0.18.0",
|
|
29
|
+
"@kolkrabbi/kol-component": "^0.68.1",
|
|
30
30
|
"@kolkrabbi/kol-framework": "^0.24.0",
|
|
31
31
|
"@kolkrabbi/kol-theme": "^0.52.1"
|
|
32
32
|
},
|
|
@@ -46,13 +46,15 @@ const NavColumn = ({ children }) => (
|
|
|
46
46
|
</aside>
|
|
47
47
|
)
|
|
48
48
|
|
|
49
|
-
const
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
49
|
+
const MainColumn = ({ children, fullHeight, width = 'canvas' }) => {
|
|
50
|
+
/* the map lives INSIDE MainColumn on purpose — validate:width W1 reads the
|
|
51
|
+
* cap off this block and refuses a --kol-content-* cap anywhere else */
|
|
52
|
+
const cap = {
|
|
53
|
+
canvas: 'w-full max-w-[var(--kol-content-canvas)]',
|
|
54
|
+
shell: 'w-full mx-auto max-w-[var(--kol-content-shell)]',
|
|
55
|
+
none: 'w-full',
|
|
56
|
+
}[width] ?? 'w-full max-w-[var(--kol-content-canvas)]'
|
|
57
|
+
return (
|
|
56
58
|
<main
|
|
57
59
|
id="main"
|
|
58
60
|
className={`w-full min-w-0 h-full min-h-0 ${fullHeight ? 'overflow-hidden flex flex-col' : 'overflow-y-auto overscroll-none'}`}
|
|
@@ -72,10 +74,11 @@ const MainColumn = ({ children, fullHeight, width = 'canvas' }) => (
|
|
|
72
74
|
* fill-the-viewport escape hatch (iframe embeds). */}
|
|
73
75
|
{fullHeight
|
|
74
76
|
? children
|
|
75
|
-
: <div className={`${
|
|
77
|
+
: <div className={`${cap} pt-6 md:pt-6 lg:pt-8 pb-16`}>{children}</div>
|
|
76
78
|
}
|
|
77
79
|
</main>
|
|
78
|
-
)
|
|
80
|
+
)
|
|
81
|
+
}
|
|
79
82
|
|
|
80
83
|
/* `xl`, not `lg` — the grid only declares a third column at xl (gridCols
|
|
81
84
|
* below). Rendering this at lg put THREE children in a TWO-column grid between
|