@onpe/ui 1.2.58 → 1.2.59
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/components.css +31 -4
- package/dist/components.esm.css +31 -4
- package/dist/components.esm.js +1 -1
- package/dist/components.js +1 -1
- package/dist/index.css +31 -4
- package/dist/index.esm.css +31 -4
- package/dist/index.esm.js +1 -1
- package/dist/index.js +1 -1
- package/package.json +3 -2
package/dist/components.css
CHANGED
|
@@ -222,10 +222,28 @@
|
|
|
222
222
|
.onpe-modal-container {
|
|
223
223
|
position: fixed;
|
|
224
224
|
top: 0;
|
|
225
|
+
left: 0;
|
|
226
|
+
right: 0;
|
|
227
|
+
bottom: 0;
|
|
225
228
|
width: 100%;
|
|
226
229
|
height: 100vh;
|
|
227
|
-
display:
|
|
228
|
-
|
|
230
|
+
display: flex;
|
|
231
|
+
align-items: center;
|
|
232
|
+
justify-content: center;
|
|
233
|
+
padding: 1rem 0;
|
|
234
|
+
pointer-events: none;
|
|
235
|
+
}
|
|
236
|
+
|
|
237
|
+
/* Backdrop del modal */
|
|
238
|
+
.onpe-modal-backdrop {
|
|
239
|
+
position: fixed;
|
|
240
|
+
top: 0;
|
|
241
|
+
left: 0;
|
|
242
|
+
right: 0;
|
|
243
|
+
bottom: 0;
|
|
244
|
+
background-color: var(--onpe-ui-blue); /* bg-onpe-ui-blue/80 */
|
|
245
|
+
opacity: 0.8;
|
|
246
|
+
inset: 0;
|
|
229
247
|
}
|
|
230
248
|
|
|
231
249
|
/* Prevenir scroll del body cuando el modal está abierto */
|
|
@@ -246,9 +264,18 @@ body.onpe-modal-open {
|
|
|
246
264
|
|
|
247
265
|
.onpe-modal-content-wrapper {
|
|
248
266
|
position: relative;
|
|
249
|
-
display:
|
|
250
|
-
|
|
267
|
+
display: flex;
|
|
268
|
+
align-items: center;
|
|
269
|
+
justify-content: center;
|
|
251
270
|
z-index: 20;
|
|
271
|
+
pointer-events: auto;
|
|
272
|
+
background-color: white;
|
|
273
|
+
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
|
|
274
|
+
max-width: 48rem; /* max-w-3xl */
|
|
275
|
+
width: 100%;
|
|
276
|
+
padding: 1.5rem 0;
|
|
277
|
+
margin: 0 1.25rem; /* mx-5 */
|
|
278
|
+
padding-top: 3rem; /* pt-12 */
|
|
252
279
|
}
|
|
253
280
|
|
|
254
281
|
.onpe-modal-content {
|
package/dist/components.esm.css
CHANGED
|
@@ -222,10 +222,28 @@
|
|
|
222
222
|
.onpe-modal-container {
|
|
223
223
|
position: fixed;
|
|
224
224
|
top: 0;
|
|
225
|
+
left: 0;
|
|
226
|
+
right: 0;
|
|
227
|
+
bottom: 0;
|
|
225
228
|
width: 100%;
|
|
226
229
|
height: 100vh;
|
|
227
|
-
display:
|
|
228
|
-
|
|
230
|
+
display: flex;
|
|
231
|
+
align-items: center;
|
|
232
|
+
justify-content: center;
|
|
233
|
+
padding: 1rem 0;
|
|
234
|
+
pointer-events: none;
|
|
235
|
+
}
|
|
236
|
+
|
|
237
|
+
/* Backdrop del modal */
|
|
238
|
+
.onpe-modal-backdrop {
|
|
239
|
+
position: fixed;
|
|
240
|
+
top: 0;
|
|
241
|
+
left: 0;
|
|
242
|
+
right: 0;
|
|
243
|
+
bottom: 0;
|
|
244
|
+
background-color: var(--onpe-ui-blue); /* bg-onpe-ui-blue/80 */
|
|
245
|
+
opacity: 0.8;
|
|
246
|
+
inset: 0;
|
|
229
247
|
}
|
|
230
248
|
|
|
231
249
|
/* Prevenir scroll del body cuando el modal está abierto */
|
|
@@ -246,9 +264,18 @@ body.onpe-modal-open {
|
|
|
246
264
|
|
|
247
265
|
.onpe-modal-content-wrapper {
|
|
248
266
|
position: relative;
|
|
249
|
-
display:
|
|
250
|
-
|
|
267
|
+
display: flex;
|
|
268
|
+
align-items: center;
|
|
269
|
+
justify-content: center;
|
|
251
270
|
z-index: 20;
|
|
271
|
+
pointer-events: auto;
|
|
272
|
+
background-color: white;
|
|
273
|
+
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
|
|
274
|
+
max-width: 48rem; /* max-w-3xl */
|
|
275
|
+
width: 100%;
|
|
276
|
+
padding: 1.5rem 0;
|
|
277
|
+
margin: 0 1.25rem; /* mx-5 */
|
|
278
|
+
padding-top: 3rem; /* pt-12 */
|
|
252
279
|
}
|
|
253
280
|
|
|
254
281
|
.onpe-modal-content {
|