next-recomponents 2.0.11 → 2.0.13

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.js CHANGED
@@ -36956,7 +36956,7 @@ function PopupOverlay({
36956
36956
  "div",
36957
36957
  {
36958
36958
  className: `bg-gradient-to-br ${c.bg} border ${c.border} ${popup.full == true ? " w-full h-screen m-20 " : " max-w-sm "} rounded-2xl shadow-2xl mx-4`,
36959
- style: { animation: "fadeInScale 0.18s ease-out" },
36959
+ style: { animation: "fadeInScale 0.18s ease-out", overflow: "auto" },
36960
36960
  children: [
36961
36961
  /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex flex-col items-center gap-3 px-8 pt-8 pb-5 text-center ", children: [
36962
36962
  (popup == null ? void 0 : popup.icons) == true && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
@@ -36967,7 +36967,15 @@ function PopupOverlay({
36967
36967
  iconText: c.iconText
36968
36968
  }
36969
36969
  ),
36970
- /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "w-full flex justify-end", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Button, { color: "danger", onClick: (e) => onClose(false), children: "X" }) }),
36970
+ /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "relative w-full flex justify-end", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
36971
+ Button,
36972
+ {
36973
+ color: "danger",
36974
+ className: "fixed text-xs font-bold",
36975
+ onClick: (e) => onClose(false),
36976
+ children: "x"
36977
+ }
36978
+ ) }),
36971
36979
  /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
36972
36980
  "div",
36973
36981
  {
package/dist/index.mjs CHANGED
@@ -36942,7 +36942,7 @@ function PopupOverlay({
36942
36942
  "div",
36943
36943
  {
36944
36944
  className: `bg-gradient-to-br ${c.bg} border ${c.border} ${popup.full == true ? " w-full h-screen m-20 " : " max-w-sm "} rounded-2xl shadow-2xl mx-4`,
36945
- style: { animation: "fadeInScale 0.18s ease-out" },
36945
+ style: { animation: "fadeInScale 0.18s ease-out", overflow: "auto" },
36946
36946
  children: [
36947
36947
  /* @__PURE__ */ jsxs9("div", { className: "flex flex-col items-center gap-3 px-8 pt-8 pb-5 text-center ", children: [
36948
36948
  (popup == null ? void 0 : popup.icons) == true && /* @__PURE__ */ jsx14(
@@ -36953,7 +36953,15 @@ function PopupOverlay({
36953
36953
  iconText: c.iconText
36954
36954
  }
36955
36955
  ),
36956
- /* @__PURE__ */ jsx14("div", { className: "w-full flex justify-end", children: /* @__PURE__ */ jsx14(Button, { color: "danger", onClick: (e) => onClose(false), children: "X" }) }),
36956
+ /* @__PURE__ */ jsx14("div", { className: "relative w-full flex justify-end", children: /* @__PURE__ */ jsx14(
36957
+ Button,
36958
+ {
36959
+ color: "danger",
36960
+ className: "fixed text-xs font-bold",
36961
+ onClick: (e) => onClose(false),
36962
+ children: "x"
36963
+ }
36964
+ ) }),
36957
36965
  /* @__PURE__ */ jsx14(
36958
36966
  "div",
36959
36967
  {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "next-recomponents",
3
- "version": "2.0.11",
3
+ "version": "2.0.13",
4
4
  "description": "description nueva",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
@@ -33,7 +33,7 @@ export function PopupOverlay({
33
33
 
34
34
  <div
35
35
  className={`bg-gradient-to-br ${c.bg} border ${c.border} ${popup.full == true ? " w-full h-screen m-20 " : " max-w-sm "} rounded-2xl shadow-2xl mx-4`}
36
- style={{ animation: "fadeInScale 0.18s ease-out" }}
36
+ style={{ animation: "fadeInScale 0.18s ease-out", overflow: "auto" }}
37
37
  >
38
38
  {/* Header */}
39
39
  <div className="flex flex-col items-center gap-3 px-8 pt-8 pb-5 text-center ">
@@ -45,9 +45,13 @@ export function PopupOverlay({
45
45
  />
46
46
  )}
47
47
  {
48
- <div className="w-full flex justify-end">
49
- <Button color="danger" onClick={(e) => onClose(false)}>
50
- X
48
+ <div className="relative w-full flex justify-end">
49
+ <Button
50
+ color="danger"
51
+ className="fixed text-xs font-bold"
52
+ onClick={(e) => onClose(false)}
53
+ >
54
+ x
51
55
  </Button>
52
56
  </div>
53
57
  }