@onpe/ui 1.2.80 → 1.2.82
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 +3 -2
- package/dist/components.esm.css +3 -2
- package/dist/index.css +3 -2
- package/dist/index.esm.css +3 -2
- package/package.json +1 -1
package/dist/components.css
CHANGED
|
@@ -324,6 +324,7 @@ body.onpe-modal-open {
|
|
|
324
324
|
@media (min-width: 768px) {
|
|
325
325
|
.onpe-modal-content.onpe-modal-with-background {
|
|
326
326
|
padding: 35px 2rem 54px 2rem; /* Desktop: top 35px, bottom 54px, left/right 2rem */
|
|
327
|
+
width: 95vw;
|
|
327
328
|
max-width: 1000px;
|
|
328
329
|
}
|
|
329
330
|
|
|
@@ -469,7 +470,7 @@ body.onpe-modal-open {
|
|
|
469
470
|
.onpe-modal-confirm-container {
|
|
470
471
|
/* Solo contenido - el espaciado lo maneja el Modal base */
|
|
471
472
|
width: 100%;
|
|
472
|
-
max-width:
|
|
473
|
+
max-width: 337px !important; /* Móvil: máximo 337px */
|
|
473
474
|
padding-top: 30px !important;
|
|
474
475
|
padding-bottom: 30px !important;
|
|
475
476
|
padding-left: 30px !important;
|
|
@@ -540,7 +541,7 @@ body.onpe-modal-open {
|
|
|
540
541
|
/* Responsive Design */
|
|
541
542
|
@media (min-width: 768px) {
|
|
542
543
|
.onpe-modal-confirm-container {
|
|
543
|
-
max-width: 719px !important;
|
|
544
|
+
max-width: 719px !important; /* Desktop: tamaño original */
|
|
544
545
|
padding-top: 30px !important;
|
|
545
546
|
padding-bottom: 30px !important;
|
|
546
547
|
padding-left: 30px !important;
|
package/dist/components.esm.css
CHANGED
|
@@ -324,6 +324,7 @@ body.onpe-modal-open {
|
|
|
324
324
|
@media (min-width: 768px) {
|
|
325
325
|
.onpe-modal-content.onpe-modal-with-background {
|
|
326
326
|
padding: 35px 2rem 54px 2rem; /* Desktop: top 35px, bottom 54px, left/right 2rem */
|
|
327
|
+
width: 95vw;
|
|
327
328
|
max-width: 1000px;
|
|
328
329
|
}
|
|
329
330
|
|
|
@@ -469,7 +470,7 @@ body.onpe-modal-open {
|
|
|
469
470
|
.onpe-modal-confirm-container {
|
|
470
471
|
/* Solo contenido - el espaciado lo maneja el Modal base */
|
|
471
472
|
width: 100%;
|
|
472
|
-
max-width:
|
|
473
|
+
max-width: 337px !important; /* Móvil: máximo 337px */
|
|
473
474
|
padding-top: 30px !important;
|
|
474
475
|
padding-bottom: 30px !important;
|
|
475
476
|
padding-left: 30px !important;
|
|
@@ -540,7 +541,7 @@ body.onpe-modal-open {
|
|
|
540
541
|
/* Responsive Design */
|
|
541
542
|
@media (min-width: 768px) {
|
|
542
543
|
.onpe-modal-confirm-container {
|
|
543
|
-
max-width: 719px !important;
|
|
544
|
+
max-width: 719px !important; /* Desktop: tamaño original */
|
|
544
545
|
padding-top: 30px !important;
|
|
545
546
|
padding-bottom: 30px !important;
|
|
546
547
|
padding-left: 30px !important;
|
package/dist/index.css
CHANGED
|
@@ -324,6 +324,7 @@ body.onpe-modal-open {
|
|
|
324
324
|
@media (min-width: 768px) {
|
|
325
325
|
.onpe-modal-content.onpe-modal-with-background {
|
|
326
326
|
padding: 35px 2rem 54px 2rem; /* Desktop: top 35px, bottom 54px, left/right 2rem */
|
|
327
|
+
width: 95vw;
|
|
327
328
|
max-width: 1000px;
|
|
328
329
|
}
|
|
329
330
|
|
|
@@ -469,7 +470,7 @@ body.onpe-modal-open {
|
|
|
469
470
|
.onpe-modal-confirm-container {
|
|
470
471
|
/* Solo contenido - el espaciado lo maneja el Modal base */
|
|
471
472
|
width: 100%;
|
|
472
|
-
max-width:
|
|
473
|
+
max-width: 337px !important; /* Móvil: máximo 337px */
|
|
473
474
|
padding-top: 30px !important;
|
|
474
475
|
padding-bottom: 30px !important;
|
|
475
476
|
padding-left: 30px !important;
|
|
@@ -540,7 +541,7 @@ body.onpe-modal-open {
|
|
|
540
541
|
/* Responsive Design */
|
|
541
542
|
@media (min-width: 768px) {
|
|
542
543
|
.onpe-modal-confirm-container {
|
|
543
|
-
max-width: 719px !important;
|
|
544
|
+
max-width: 719px !important; /* Desktop: tamaño original */
|
|
544
545
|
padding-top: 30px !important;
|
|
545
546
|
padding-bottom: 30px !important;
|
|
546
547
|
padding-left: 30px !important;
|
package/dist/index.esm.css
CHANGED
|
@@ -324,6 +324,7 @@ body.onpe-modal-open {
|
|
|
324
324
|
@media (min-width: 768px) {
|
|
325
325
|
.onpe-modal-content.onpe-modal-with-background {
|
|
326
326
|
padding: 35px 2rem 54px 2rem; /* Desktop: top 35px, bottom 54px, left/right 2rem */
|
|
327
|
+
width: 95vw;
|
|
327
328
|
max-width: 1000px;
|
|
328
329
|
}
|
|
329
330
|
|
|
@@ -469,7 +470,7 @@ body.onpe-modal-open {
|
|
|
469
470
|
.onpe-modal-confirm-container {
|
|
470
471
|
/* Solo contenido - el espaciado lo maneja el Modal base */
|
|
471
472
|
width: 100%;
|
|
472
|
-
max-width:
|
|
473
|
+
max-width: 337px !important; /* Móvil: máximo 337px */
|
|
473
474
|
padding-top: 30px !important;
|
|
474
475
|
padding-bottom: 30px !important;
|
|
475
476
|
padding-left: 30px !important;
|
|
@@ -540,7 +541,7 @@ body.onpe-modal-open {
|
|
|
540
541
|
/* Responsive Design */
|
|
541
542
|
@media (min-width: 768px) {
|
|
542
543
|
.onpe-modal-confirm-container {
|
|
543
|
-
max-width: 719px !important;
|
|
544
|
+
max-width: 719px !important; /* Desktop: tamaño original */
|
|
544
545
|
padding-top: 30px !important;
|
|
545
546
|
padding-bottom: 30px !important;
|
|
546
547
|
padding-left: 30px !important;
|