@seygo/ui 0.2.0 → 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 -4
- package/dist/index.js +18 -4
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -284,14 +284,28 @@ function ModalCustom({
|
|
|
284
284
|
return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
|
|
285
285
|
"section",
|
|
286
286
|
{
|
|
287
|
-
|
|
288
|
-
|
|
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
|
+
},
|
|
289
299
|
onClick: onClose,
|
|
290
300
|
children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
|
|
291
301
|
"div",
|
|
292
302
|
{
|
|
293
|
-
className: "relative flex
|
|
294
|
-
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
|
+
},
|
|
295
309
|
onClick: (e) => e.stopPropagation(),
|
|
296
310
|
children: [
|
|
297
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,14 +255,28 @@ function ModalCustom({
|
|
|
255
255
|
return /* @__PURE__ */ jsx4(
|
|
256
256
|
"section",
|
|
257
257
|
{
|
|
258
|
-
|
|
259
|
-
|
|
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
|
+
},
|
|
260
270
|
onClick: onClose,
|
|
261
271
|
children: /* @__PURE__ */ jsxs3(
|
|
262
272
|
"div",
|
|
263
273
|
{
|
|
264
|
-
className: "relative flex
|
|
265
|
-
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
|
+
},
|
|
266
280
|
onClick: (e) => e.stopPropagation(),
|
|
267
281
|
children: [
|
|
268
282
|
/* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-between gap-3 border-b border-gray-200 px-4 py-3 pr-3", children: [
|