docstra 1.1.0 → 1.1.2
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/dist/client/index.js +4 -4
- package/dist/client/index.mjs +4 -4
- package/dist/styles.css +12 -1
- package/package.json +1 -1
package/dist/client/index.js
CHANGED
|
@@ -214,7 +214,7 @@ function DocstraHeader() {
|
|
|
214
214
|
}
|
|
215
215
|
}, [openSidebar]);
|
|
216
216
|
return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("header", { className: "sticky top-0 z-10 text-sm flex items-center justify-between border-b border-gray-100 h-18 px-4 md:px-6 bg-white", children: [
|
|
217
|
-
/* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
|
|
217
|
+
/* @__PURE__ */ (0, import_jsx_runtime4.jsx)("a", { href: docstraConfig.navbar?.logo?.link || "/", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
|
|
218
218
|
"img",
|
|
219
219
|
{
|
|
220
220
|
src: docstraConfig.navbar?.logo?.src || "/logo.png",
|
|
@@ -269,7 +269,7 @@ function DocstraSidebar() {
|
|
|
269
269
|
"aside",
|
|
270
270
|
{
|
|
271
271
|
className: cn(
|
|
272
|
-
"sticky md:top-18 h-[calc(100svh-72px)] scrollbar-y w-screen z-21 md:w-72 pb-10 text-base md:text-sm shrink-0 border-r border-gray-200 p-4 max-md:fixed bg-white overflow-y-auto transition-all duration-300",
|
|
272
|
+
"sticky md:top-18 h-[calc(100svh-72px)] scrollbar-y w-screen max-md:rounded-t-lg z-21 md:w-72 pb-10 text-base md:text-sm shrink-0 border-r border-gray-200 p-4 max-md:fixed bg-white overflow-y-auto transition-all duration-300",
|
|
273
273
|
openSidebar ? "top-32" : "top-full"
|
|
274
274
|
),
|
|
275
275
|
children: [
|
|
@@ -277,7 +277,7 @@ function DocstraSidebar() {
|
|
|
277
277
|
"div",
|
|
278
278
|
{
|
|
279
279
|
className: "flex items-center gap-2 cursor-pointer mt-6 mb-4 p-2.5 text-gray-500 border border-gray-200 rounded-lg hover:bg-gray-50",
|
|
280
|
-
onClick: () => import_react_toast_msg2.toast.
|
|
280
|
+
onClick: () => import_react_toast_msg2.toast.warning("Search is not available yet!"),
|
|
281
281
|
children: [
|
|
282
282
|
/* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react3.SearchIcon, { className: "size-4.5" }),
|
|
283
283
|
/* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { children: "Search" }),
|
|
@@ -298,7 +298,7 @@ function DocstraSidebar() {
|
|
|
298
298
|
href: link.href,
|
|
299
299
|
onNavigate: () => openSidebar && setOpenSidebar(false),
|
|
300
300
|
className: cn(
|
|
301
|
-
"flex items-center gap-2 text-gray-500 hover:bg-gray-100 py-2 px-2.5 rounded-lg
|
|
301
|
+
"flex items-center gap-2 text-gray-500 hover:bg-gray-100 py-2 px-2.5 rounded-lg",
|
|
302
302
|
pathname === link.href && "bg-gray-100 text-gray-800"
|
|
303
303
|
),
|
|
304
304
|
children: [
|
package/dist/client/index.mjs
CHANGED
|
@@ -172,7 +172,7 @@ function DocstraHeader() {
|
|
|
172
172
|
}
|
|
173
173
|
}, [openSidebar]);
|
|
174
174
|
return /* @__PURE__ */ jsxs3("header", { className: "sticky top-0 z-10 text-sm flex items-center justify-between border-b border-gray-100 h-18 px-4 md:px-6 bg-white", children: [
|
|
175
|
-
/* @__PURE__ */ jsx4(
|
|
175
|
+
/* @__PURE__ */ jsx4("a", { href: docstraConfig.navbar?.logo?.link || "/", children: /* @__PURE__ */ jsx4(
|
|
176
176
|
"img",
|
|
177
177
|
{
|
|
178
178
|
src: docstraConfig.navbar?.logo?.src || "/logo.png",
|
|
@@ -227,7 +227,7 @@ function DocstraSidebar() {
|
|
|
227
227
|
"aside",
|
|
228
228
|
{
|
|
229
229
|
className: cn(
|
|
230
|
-
"sticky md:top-18 h-[calc(100svh-72px)] scrollbar-y w-screen z-21 md:w-72 pb-10 text-base md:text-sm shrink-0 border-r border-gray-200 p-4 max-md:fixed bg-white overflow-y-auto transition-all duration-300",
|
|
230
|
+
"sticky md:top-18 h-[calc(100svh-72px)] scrollbar-y w-screen max-md:rounded-t-lg z-21 md:w-72 pb-10 text-base md:text-sm shrink-0 border-r border-gray-200 p-4 max-md:fixed bg-white overflow-y-auto transition-all duration-300",
|
|
231
231
|
openSidebar ? "top-32" : "top-full"
|
|
232
232
|
),
|
|
233
233
|
children: [
|
|
@@ -235,7 +235,7 @@ function DocstraSidebar() {
|
|
|
235
235
|
"div",
|
|
236
236
|
{
|
|
237
237
|
className: "flex items-center gap-2 cursor-pointer mt-6 mb-4 p-2.5 text-gray-500 border border-gray-200 rounded-lg hover:bg-gray-50",
|
|
238
|
-
onClick: () => toast.
|
|
238
|
+
onClick: () => toast.warning("Search is not available yet!"),
|
|
239
239
|
children: [
|
|
240
240
|
/* @__PURE__ */ jsx5(SearchIcon2, { className: "size-4.5" }),
|
|
241
241
|
/* @__PURE__ */ jsx5("p", { children: "Search" }),
|
|
@@ -256,7 +256,7 @@ function DocstraSidebar() {
|
|
|
256
256
|
href: link.href,
|
|
257
257
|
onNavigate: () => openSidebar && setOpenSidebar(false),
|
|
258
258
|
className: cn(
|
|
259
|
-
"flex items-center gap-2 text-gray-500 hover:bg-gray-100 py-2 px-2.5 rounded-lg
|
|
259
|
+
"flex items-center gap-2 text-gray-500 hover:bg-gray-100 py-2 px-2.5 rounded-lg",
|
|
260
260
|
pathname === link.href && "bg-gray-100 text-gray-800"
|
|
261
261
|
),
|
|
262
262
|
children: [
|
package/dist/styles.css
CHANGED
|
@@ -3,7 +3,8 @@
|
|
|
3
3
|
@layer theme, base, components, utilities;
|
|
4
4
|
@layer theme {
|
|
5
5
|
:root, :host {
|
|
6
|
-
--font-sans:
|
|
6
|
+
--font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
|
|
7
|
+
"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
|
7
8
|
--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
|
|
8
9
|
"Courier New", monospace;
|
|
9
10
|
--color-red-100: oklch(93.6% 0.032 17.717);
|
|
@@ -551,6 +552,10 @@
|
|
|
551
552
|
.rounded-md {
|
|
552
553
|
border-radius: var(--radius-md);
|
|
553
554
|
}
|
|
555
|
+
.rounded-t-lg {
|
|
556
|
+
border-top-left-radius: var(--radius-lg);
|
|
557
|
+
border-top-right-radius: var(--radius-lg);
|
|
558
|
+
}
|
|
554
559
|
.rounded-b-none {
|
|
555
560
|
border-bottom-right-radius: 0;
|
|
556
561
|
border-bottom-left-radius: 0;
|
|
@@ -996,6 +1001,12 @@
|
|
|
996
1001
|
overflow: hidden;
|
|
997
1002
|
}
|
|
998
1003
|
}
|
|
1004
|
+
.max-md\:rounded-t-lg {
|
|
1005
|
+
@media (width < 48rem) {
|
|
1006
|
+
border-top-left-radius: var(--radius-lg);
|
|
1007
|
+
border-top-right-radius: var(--radius-lg);
|
|
1008
|
+
}
|
|
1009
|
+
}
|
|
999
1010
|
.max-md\:px-4 {
|
|
1000
1011
|
@media (width < 48rem) {
|
|
1001
1012
|
padding-inline: calc(var(--spacing) * 4);
|