@seygo/ui 0.1.2 → 0.3.0
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 +18 -3
- package/dist/index.js +18 -3
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -284,13 +284,28 @@ function ModalCustom({
|
|
|
284
284
|
return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
|
|
285
285
|
"section",
|
|
286
286
|
{
|
|
287
|
-
|
|
287
|
+
style: {
|
|
288
|
+
position: "fixed",
|
|
289
|
+
inset: 0,
|
|
290
|
+
zIndex: 50,
|
|
291
|
+
display: "flex",
|
|
292
|
+
alignItems: "center",
|
|
293
|
+
justifyContent: "center",
|
|
294
|
+
padding: "1rem",
|
|
295
|
+
backgroundColor: "rgba(2, 6, 23, 0.7)",
|
|
296
|
+
backdropFilter: "blur(4px)",
|
|
297
|
+
WebkitBackdropFilter: "blur(4px)"
|
|
298
|
+
},
|
|
288
299
|
onClick: onClose,
|
|
289
300
|
children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
|
|
290
301
|
"div",
|
|
291
302
|
{
|
|
292
|
-
className: "relative flex
|
|
293
|
-
style: {
|
|
303
|
+
className: "relative flex flex-col overflow-hidden rounded-2xl border border-gray-200 bg-white shadow-2xl",
|
|
304
|
+
style: {
|
|
305
|
+
width: `min(${width}px, calc(100vw - 2rem))`,
|
|
306
|
+
height: `min(${height}px, calc(100vh - 2rem))`,
|
|
307
|
+
maxHeight: "100%"
|
|
308
|
+
},
|
|
294
309
|
onClick: (e) => e.stopPropagation(),
|
|
295
310
|
children: [
|
|
296
311
|
/* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex items-center justify-between gap-3 border-b border-gray-200 px-4 py-3 pr-3", children: [
|
package/dist/index.js
CHANGED
|
@@ -255,13 +255,28 @@ function ModalCustom({
|
|
|
255
255
|
return /* @__PURE__ */ jsx4(
|
|
256
256
|
"section",
|
|
257
257
|
{
|
|
258
|
-
|
|
258
|
+
style: {
|
|
259
|
+
position: "fixed",
|
|
260
|
+
inset: 0,
|
|
261
|
+
zIndex: 50,
|
|
262
|
+
display: "flex",
|
|
263
|
+
alignItems: "center",
|
|
264
|
+
justifyContent: "center",
|
|
265
|
+
padding: "1rem",
|
|
266
|
+
backgroundColor: "rgba(2, 6, 23, 0.7)",
|
|
267
|
+
backdropFilter: "blur(4px)",
|
|
268
|
+
WebkitBackdropFilter: "blur(4px)"
|
|
269
|
+
},
|
|
259
270
|
onClick: onClose,
|
|
260
271
|
children: /* @__PURE__ */ jsxs3(
|
|
261
272
|
"div",
|
|
262
273
|
{
|
|
263
|
-
className: "relative flex
|
|
264
|
-
style: {
|
|
274
|
+
className: "relative flex flex-col overflow-hidden rounded-2xl border border-gray-200 bg-white shadow-2xl",
|
|
275
|
+
style: {
|
|
276
|
+
width: `min(${width}px, calc(100vw - 2rem))`,
|
|
277
|
+
height: `min(${height}px, calc(100vh - 2rem))`,
|
|
278
|
+
maxHeight: "100%"
|
|
279
|
+
},
|
|
265
280
|
onClick: (e) => e.stopPropagation(),
|
|
266
281
|
children: [
|
|
267
282
|
/* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-between gap-3 border-b border-gray-200 px-4 py-3 pr-3", children: [
|