@tomaszjarosz/react-visualizers 0.4.0 → 0.4.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/dist/index.cjs CHANGED
@@ -1290,12 +1290,12 @@ const BaseVisualizerLayout = ({
1290
1290
  ),
1291
1291
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-4", children: [
1292
1292
  infoBox,
1293
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex gap-4 ${hasSidePanel ? "flex-col lg:flex-row" : ""}`, children: [
1293
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex gap-4 ${hasSidePanel ? "flex-col lg:flex-row lg:items-start" : ""}`, children: [
1294
1294
  /* @__PURE__ */ jsxRuntime.jsxs(VisualizationArea, { minHeight, className: "flex-1", children: [
1295
1295
  children,
1296
1296
  status && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4", children: /* @__PURE__ */ jsxRuntime.jsx(StatusPanel, { ...status }) })
1297
1297
  ] }),
1298
- hasSidePanel && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "lg:w-80 flex-shrink-0 flex flex-col gap-4", children: [
1298
+ hasSidePanel && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "lg:w-80 flex-shrink-0 flex flex-col gap-4 lg:sticky lg:top-4", children: [
1299
1299
  hasCodePanel && /* @__PURE__ */ jsxRuntime.jsx(
1300
1300
  CodePanel,
1301
1301
  {