@onpe/ui 1.2.53 → 1.2.55
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 +36 -14
- package/dist/components.esm.css +36 -14
- package/dist/index.css +36 -14
- package/dist/index.esm.css +36 -14
- package/package.json +1 -1
package/dist/components.css
CHANGED
|
@@ -521,8 +521,10 @@ body.onpe-modal-open {
|
|
|
521
521
|
.onpe-modal-confirm-container {
|
|
522
522
|
max-width: 680px !important;
|
|
523
523
|
width: 680px !important;
|
|
524
|
-
padding-top:
|
|
525
|
-
padding-bottom:
|
|
524
|
+
padding-top:30px !important; /* pt-5 */
|
|
525
|
+
padding-bottom: 30px !important; /* pb-8 */
|
|
526
|
+
padding-left: 30px !important; /* pl-5 */
|
|
527
|
+
padding-right: 30px !important; /* pr-5 */
|
|
526
528
|
}
|
|
527
529
|
|
|
528
530
|
.onpe-modal-confirm-icon-container {
|
|
@@ -591,6 +593,8 @@ body.onpe-modal-open {
|
|
|
591
593
|
.onpe-modal-confirm-container {
|
|
592
594
|
width: 680px !important;
|
|
593
595
|
max-width: 680px !important;
|
|
596
|
+
padding-left: 32px !important; /* pl-5 */
|
|
597
|
+
padding-right: 32px !important; /* pr-5 */
|
|
594
598
|
}
|
|
595
599
|
}
|
|
596
600
|
|
|
@@ -931,6 +935,10 @@ body.onpe-modal-open {
|
|
|
931
935
|
/* Solo contenido - el espaciado lo maneja el Modal base */
|
|
932
936
|
width: 100%;
|
|
933
937
|
max-width: 590px !important; /* Tamaño específico para este modal */
|
|
938
|
+
padding-top: 46px !important; /* pt-5 */
|
|
939
|
+
padding-bottom: 46px !important; /* pb-8 */
|
|
940
|
+
padding-left: 30px !important; /* pl-5 */
|
|
941
|
+
padding-right: 30px !important; /* pr-5 */
|
|
934
942
|
}
|
|
935
943
|
|
|
936
944
|
.onpe-modal-dnie-versions-title {
|
|
@@ -944,9 +952,9 @@ body.onpe-modal-open {
|
|
|
944
952
|
.onpe-modal-dnie-versions-content {
|
|
945
953
|
display: flex;
|
|
946
954
|
flex-direction: column;
|
|
947
|
-
gap:
|
|
955
|
+
gap: 20px; /* gap-10 */
|
|
948
956
|
align-items: center;
|
|
949
|
-
margin-top:
|
|
957
|
+
margin-top: 18px; /* mt-7 */
|
|
950
958
|
font-size: 14px; /* text-sm */
|
|
951
959
|
}
|
|
952
960
|
|
|
@@ -1005,7 +1013,7 @@ body.onpe-modal-open {
|
|
|
1005
1013
|
/* Estilos específicos para móvil */
|
|
1006
1014
|
@media (max-width: 640px) {
|
|
1007
1015
|
.onpe-modal-dnie-versions-title {
|
|
1008
|
-
font-size:
|
|
1016
|
+
font-size: 14px; /* text-base para móvil */
|
|
1009
1017
|
}
|
|
1010
1018
|
|
|
1011
1019
|
.onpe-modal-dnie-versions-content {
|
|
@@ -1034,11 +1042,11 @@ body.onpe-modal-open {
|
|
|
1034
1042
|
}
|
|
1035
1043
|
|
|
1036
1044
|
.onpe-modal-dnie-versions-content {
|
|
1037
|
-
font-size:
|
|
1045
|
+
font-size: 14px; /* text-base para tablet y desktop */
|
|
1038
1046
|
}
|
|
1039
1047
|
|
|
1040
1048
|
.onpe-modal-dnie-versions-list {
|
|
1041
|
-
font-size:
|
|
1049
|
+
font-size: 14px; /* text-base para tablet y desktop */
|
|
1042
1050
|
}
|
|
1043
1051
|
}
|
|
1044
1052
|
|
|
@@ -1046,6 +1054,9 @@ body.onpe-modal-open {
|
|
|
1046
1054
|
.onpe-modal-dnie-versions-container {
|
|
1047
1055
|
/* Desktop: Tamaño específico de 590px */
|
|
1048
1056
|
max-width: 590px !important;
|
|
1057
|
+
padding-top: 30px !important; /* pl-5 */
|
|
1058
|
+
padding-bottom: 38px !important; /* pr-5 */
|
|
1059
|
+
|
|
1049
1060
|
}
|
|
1050
1061
|
|
|
1051
1062
|
.onpe-modal-dnie-versions-article {
|
|
@@ -1070,6 +1081,13 @@ body.onpe-modal-open {
|
|
|
1070
1081
|
/* Solo contenido - el espaciado lo maneja el Modal base */
|
|
1071
1082
|
width: 100%;
|
|
1072
1083
|
max-width: 600px !important; /* Tamaño específico para este modal */
|
|
1084
|
+
padding-top: 46px !important; /* pt-5 */
|
|
1085
|
+
|
|
1086
|
+
padding-bottom: 46px !important; /* pb-8 */
|
|
1087
|
+
|
|
1088
|
+
|
|
1089
|
+
padding-left: 30px !important; /* pl-5 */
|
|
1090
|
+
padding-right: 30px !important; /* pr-5 */
|
|
1073
1091
|
}
|
|
1074
1092
|
|
|
1075
1093
|
.onpe-modal-nfc-title {
|
|
@@ -1166,7 +1184,7 @@ body.onpe-modal-open {
|
|
|
1166
1184
|
/* Estilos específicos para móvil */
|
|
1167
1185
|
@media (max-width: 640px) {
|
|
1168
1186
|
.onpe-modal-nfc-title {
|
|
1169
|
-
font-size:
|
|
1187
|
+
font-size: 14px; /* text-base para móvil */
|
|
1170
1188
|
}
|
|
1171
1189
|
|
|
1172
1190
|
.onpe-modal-nfc-content {
|
|
@@ -1180,7 +1198,7 @@ body.onpe-modal-open {
|
|
|
1180
1198
|
}
|
|
1181
1199
|
|
|
1182
1200
|
.onpe-modal-nfc-subtitle {
|
|
1183
|
-
font-size:
|
|
1201
|
+
font-size: 14px; /* text-base para móvil */
|
|
1184
1202
|
}
|
|
1185
1203
|
}
|
|
1186
1204
|
|
|
@@ -1191,19 +1209,19 @@ body.onpe-modal-open {
|
|
|
1191
1209
|
}
|
|
1192
1210
|
|
|
1193
1211
|
.onpe-modal-nfc-content {
|
|
1194
|
-
font-size:
|
|
1212
|
+
font-size: 14px; /* text-base para tablet y desktop */
|
|
1195
1213
|
}
|
|
1196
1214
|
|
|
1197
1215
|
.onpe-modal-nfc-step {
|
|
1198
|
-
font-size:
|
|
1216
|
+
font-size: 14px; /* text-base para tablet y desktop */
|
|
1199
1217
|
}
|
|
1200
1218
|
|
|
1201
1219
|
.onpe-modal-nfc-list-item {
|
|
1202
|
-
font-size:
|
|
1220
|
+
font-size: 14px; /* text-base para tablet y desktop */
|
|
1203
1221
|
}
|
|
1204
1222
|
|
|
1205
1223
|
.onpe-modal-nfc-text {
|
|
1206
|
-
font-size:
|
|
1224
|
+
font-size: 14px; /* text-base para tablet y desktop */
|
|
1207
1225
|
}
|
|
1208
1226
|
|
|
1209
1227
|
.onpe-modal-nfc-subtitle {
|
|
@@ -1211,7 +1229,7 @@ body.onpe-modal-open {
|
|
|
1211
1229
|
}
|
|
1212
1230
|
|
|
1213
1231
|
.onpe-modal-nfc-ordered-list {
|
|
1214
|
-
font-size:
|
|
1232
|
+
font-size: 14px; /* text-base para tablet y desktop */
|
|
1215
1233
|
}
|
|
1216
1234
|
}
|
|
1217
1235
|
|
|
@@ -1219,6 +1237,10 @@ body.onpe-modal-open {
|
|
|
1219
1237
|
.onpe-modal-nfc-container {
|
|
1220
1238
|
/* Desktop: Tamaño específico de 600px */
|
|
1221
1239
|
max-width: 600px !important;
|
|
1240
|
+
|
|
1241
|
+
padding-left: 50px !important; /* pl-5 */
|
|
1242
|
+
padding-right: 50px !important; /* pr-5 */
|
|
1243
|
+
|
|
1222
1244
|
}
|
|
1223
1245
|
}
|
|
1224
1246
|
|
package/dist/components.esm.css
CHANGED
|
@@ -521,8 +521,10 @@ body.onpe-modal-open {
|
|
|
521
521
|
.onpe-modal-confirm-container {
|
|
522
522
|
max-width: 680px !important;
|
|
523
523
|
width: 680px !important;
|
|
524
|
-
padding-top:
|
|
525
|
-
padding-bottom:
|
|
524
|
+
padding-top:30px !important; /* pt-5 */
|
|
525
|
+
padding-bottom: 30px !important; /* pb-8 */
|
|
526
|
+
padding-left: 30px !important; /* pl-5 */
|
|
527
|
+
padding-right: 30px !important; /* pr-5 */
|
|
526
528
|
}
|
|
527
529
|
|
|
528
530
|
.onpe-modal-confirm-icon-container {
|
|
@@ -591,6 +593,8 @@ body.onpe-modal-open {
|
|
|
591
593
|
.onpe-modal-confirm-container {
|
|
592
594
|
width: 680px !important;
|
|
593
595
|
max-width: 680px !important;
|
|
596
|
+
padding-left: 32px !important; /* pl-5 */
|
|
597
|
+
padding-right: 32px !important; /* pr-5 */
|
|
594
598
|
}
|
|
595
599
|
}
|
|
596
600
|
|
|
@@ -931,6 +935,10 @@ body.onpe-modal-open {
|
|
|
931
935
|
/* Solo contenido - el espaciado lo maneja el Modal base */
|
|
932
936
|
width: 100%;
|
|
933
937
|
max-width: 590px !important; /* Tamaño específico para este modal */
|
|
938
|
+
padding-top: 46px !important; /* pt-5 */
|
|
939
|
+
padding-bottom: 46px !important; /* pb-8 */
|
|
940
|
+
padding-left: 30px !important; /* pl-5 */
|
|
941
|
+
padding-right: 30px !important; /* pr-5 */
|
|
934
942
|
}
|
|
935
943
|
|
|
936
944
|
.onpe-modal-dnie-versions-title {
|
|
@@ -944,9 +952,9 @@ body.onpe-modal-open {
|
|
|
944
952
|
.onpe-modal-dnie-versions-content {
|
|
945
953
|
display: flex;
|
|
946
954
|
flex-direction: column;
|
|
947
|
-
gap:
|
|
955
|
+
gap: 20px; /* gap-10 */
|
|
948
956
|
align-items: center;
|
|
949
|
-
margin-top:
|
|
957
|
+
margin-top: 18px; /* mt-7 */
|
|
950
958
|
font-size: 14px; /* text-sm */
|
|
951
959
|
}
|
|
952
960
|
|
|
@@ -1005,7 +1013,7 @@ body.onpe-modal-open {
|
|
|
1005
1013
|
/* Estilos específicos para móvil */
|
|
1006
1014
|
@media (max-width: 640px) {
|
|
1007
1015
|
.onpe-modal-dnie-versions-title {
|
|
1008
|
-
font-size:
|
|
1016
|
+
font-size: 14px; /* text-base para móvil */
|
|
1009
1017
|
}
|
|
1010
1018
|
|
|
1011
1019
|
.onpe-modal-dnie-versions-content {
|
|
@@ -1034,11 +1042,11 @@ body.onpe-modal-open {
|
|
|
1034
1042
|
}
|
|
1035
1043
|
|
|
1036
1044
|
.onpe-modal-dnie-versions-content {
|
|
1037
|
-
font-size:
|
|
1045
|
+
font-size: 14px; /* text-base para tablet y desktop */
|
|
1038
1046
|
}
|
|
1039
1047
|
|
|
1040
1048
|
.onpe-modal-dnie-versions-list {
|
|
1041
|
-
font-size:
|
|
1049
|
+
font-size: 14px; /* text-base para tablet y desktop */
|
|
1042
1050
|
}
|
|
1043
1051
|
}
|
|
1044
1052
|
|
|
@@ -1046,6 +1054,9 @@ body.onpe-modal-open {
|
|
|
1046
1054
|
.onpe-modal-dnie-versions-container {
|
|
1047
1055
|
/* Desktop: Tamaño específico de 590px */
|
|
1048
1056
|
max-width: 590px !important;
|
|
1057
|
+
padding-top: 30px !important; /* pl-5 */
|
|
1058
|
+
padding-bottom: 38px !important; /* pr-5 */
|
|
1059
|
+
|
|
1049
1060
|
}
|
|
1050
1061
|
|
|
1051
1062
|
.onpe-modal-dnie-versions-article {
|
|
@@ -1070,6 +1081,13 @@ body.onpe-modal-open {
|
|
|
1070
1081
|
/* Solo contenido - el espaciado lo maneja el Modal base */
|
|
1071
1082
|
width: 100%;
|
|
1072
1083
|
max-width: 600px !important; /* Tamaño específico para este modal */
|
|
1084
|
+
padding-top: 46px !important; /* pt-5 */
|
|
1085
|
+
|
|
1086
|
+
padding-bottom: 46px !important; /* pb-8 */
|
|
1087
|
+
|
|
1088
|
+
|
|
1089
|
+
padding-left: 30px !important; /* pl-5 */
|
|
1090
|
+
padding-right: 30px !important; /* pr-5 */
|
|
1073
1091
|
}
|
|
1074
1092
|
|
|
1075
1093
|
.onpe-modal-nfc-title {
|
|
@@ -1166,7 +1184,7 @@ body.onpe-modal-open {
|
|
|
1166
1184
|
/* Estilos específicos para móvil */
|
|
1167
1185
|
@media (max-width: 640px) {
|
|
1168
1186
|
.onpe-modal-nfc-title {
|
|
1169
|
-
font-size:
|
|
1187
|
+
font-size: 14px; /* text-base para móvil */
|
|
1170
1188
|
}
|
|
1171
1189
|
|
|
1172
1190
|
.onpe-modal-nfc-content {
|
|
@@ -1180,7 +1198,7 @@ body.onpe-modal-open {
|
|
|
1180
1198
|
}
|
|
1181
1199
|
|
|
1182
1200
|
.onpe-modal-nfc-subtitle {
|
|
1183
|
-
font-size:
|
|
1201
|
+
font-size: 14px; /* text-base para móvil */
|
|
1184
1202
|
}
|
|
1185
1203
|
}
|
|
1186
1204
|
|
|
@@ -1191,19 +1209,19 @@ body.onpe-modal-open {
|
|
|
1191
1209
|
}
|
|
1192
1210
|
|
|
1193
1211
|
.onpe-modal-nfc-content {
|
|
1194
|
-
font-size:
|
|
1212
|
+
font-size: 14px; /* text-base para tablet y desktop */
|
|
1195
1213
|
}
|
|
1196
1214
|
|
|
1197
1215
|
.onpe-modal-nfc-step {
|
|
1198
|
-
font-size:
|
|
1216
|
+
font-size: 14px; /* text-base para tablet y desktop */
|
|
1199
1217
|
}
|
|
1200
1218
|
|
|
1201
1219
|
.onpe-modal-nfc-list-item {
|
|
1202
|
-
font-size:
|
|
1220
|
+
font-size: 14px; /* text-base para tablet y desktop */
|
|
1203
1221
|
}
|
|
1204
1222
|
|
|
1205
1223
|
.onpe-modal-nfc-text {
|
|
1206
|
-
font-size:
|
|
1224
|
+
font-size: 14px; /* text-base para tablet y desktop */
|
|
1207
1225
|
}
|
|
1208
1226
|
|
|
1209
1227
|
.onpe-modal-nfc-subtitle {
|
|
@@ -1211,7 +1229,7 @@ body.onpe-modal-open {
|
|
|
1211
1229
|
}
|
|
1212
1230
|
|
|
1213
1231
|
.onpe-modal-nfc-ordered-list {
|
|
1214
|
-
font-size:
|
|
1232
|
+
font-size: 14px; /* text-base para tablet y desktop */
|
|
1215
1233
|
}
|
|
1216
1234
|
}
|
|
1217
1235
|
|
|
@@ -1219,6 +1237,10 @@ body.onpe-modal-open {
|
|
|
1219
1237
|
.onpe-modal-nfc-container {
|
|
1220
1238
|
/* Desktop: Tamaño específico de 600px */
|
|
1221
1239
|
max-width: 600px !important;
|
|
1240
|
+
|
|
1241
|
+
padding-left: 50px !important; /* pl-5 */
|
|
1242
|
+
padding-right: 50px !important; /* pr-5 */
|
|
1243
|
+
|
|
1222
1244
|
}
|
|
1223
1245
|
}
|
|
1224
1246
|
|
package/dist/index.css
CHANGED
|
@@ -521,8 +521,10 @@ body.onpe-modal-open {
|
|
|
521
521
|
.onpe-modal-confirm-container {
|
|
522
522
|
max-width: 680px !important;
|
|
523
523
|
width: 680px !important;
|
|
524
|
-
padding-top:
|
|
525
|
-
padding-bottom:
|
|
524
|
+
padding-top:30px !important; /* pt-5 */
|
|
525
|
+
padding-bottom: 30px !important; /* pb-8 */
|
|
526
|
+
padding-left: 30px !important; /* pl-5 */
|
|
527
|
+
padding-right: 30px !important; /* pr-5 */
|
|
526
528
|
}
|
|
527
529
|
|
|
528
530
|
.onpe-modal-confirm-icon-container {
|
|
@@ -591,6 +593,8 @@ body.onpe-modal-open {
|
|
|
591
593
|
.onpe-modal-confirm-container {
|
|
592
594
|
width: 680px !important;
|
|
593
595
|
max-width: 680px !important;
|
|
596
|
+
padding-left: 32px !important; /* pl-5 */
|
|
597
|
+
padding-right: 32px !important; /* pr-5 */
|
|
594
598
|
}
|
|
595
599
|
}
|
|
596
600
|
|
|
@@ -931,6 +935,10 @@ body.onpe-modal-open {
|
|
|
931
935
|
/* Solo contenido - el espaciado lo maneja el Modal base */
|
|
932
936
|
width: 100%;
|
|
933
937
|
max-width: 590px !important; /* Tamaño específico para este modal */
|
|
938
|
+
padding-top: 46px !important; /* pt-5 */
|
|
939
|
+
padding-bottom: 46px !important; /* pb-8 */
|
|
940
|
+
padding-left: 30px !important; /* pl-5 */
|
|
941
|
+
padding-right: 30px !important; /* pr-5 */
|
|
934
942
|
}
|
|
935
943
|
|
|
936
944
|
.onpe-modal-dnie-versions-title {
|
|
@@ -944,9 +952,9 @@ body.onpe-modal-open {
|
|
|
944
952
|
.onpe-modal-dnie-versions-content {
|
|
945
953
|
display: flex;
|
|
946
954
|
flex-direction: column;
|
|
947
|
-
gap:
|
|
955
|
+
gap: 20px; /* gap-10 */
|
|
948
956
|
align-items: center;
|
|
949
|
-
margin-top:
|
|
957
|
+
margin-top: 18px; /* mt-7 */
|
|
950
958
|
font-size: 14px; /* text-sm */
|
|
951
959
|
}
|
|
952
960
|
|
|
@@ -1005,7 +1013,7 @@ body.onpe-modal-open {
|
|
|
1005
1013
|
/* Estilos específicos para móvil */
|
|
1006
1014
|
@media (max-width: 640px) {
|
|
1007
1015
|
.onpe-modal-dnie-versions-title {
|
|
1008
|
-
font-size:
|
|
1016
|
+
font-size: 14px; /* text-base para móvil */
|
|
1009
1017
|
}
|
|
1010
1018
|
|
|
1011
1019
|
.onpe-modal-dnie-versions-content {
|
|
@@ -1034,11 +1042,11 @@ body.onpe-modal-open {
|
|
|
1034
1042
|
}
|
|
1035
1043
|
|
|
1036
1044
|
.onpe-modal-dnie-versions-content {
|
|
1037
|
-
font-size:
|
|
1045
|
+
font-size: 14px; /* text-base para tablet y desktop */
|
|
1038
1046
|
}
|
|
1039
1047
|
|
|
1040
1048
|
.onpe-modal-dnie-versions-list {
|
|
1041
|
-
font-size:
|
|
1049
|
+
font-size: 14px; /* text-base para tablet y desktop */
|
|
1042
1050
|
}
|
|
1043
1051
|
}
|
|
1044
1052
|
|
|
@@ -1046,6 +1054,9 @@ body.onpe-modal-open {
|
|
|
1046
1054
|
.onpe-modal-dnie-versions-container {
|
|
1047
1055
|
/* Desktop: Tamaño específico de 590px */
|
|
1048
1056
|
max-width: 590px !important;
|
|
1057
|
+
padding-top: 30px !important; /* pl-5 */
|
|
1058
|
+
padding-bottom: 38px !important; /* pr-5 */
|
|
1059
|
+
|
|
1049
1060
|
}
|
|
1050
1061
|
|
|
1051
1062
|
.onpe-modal-dnie-versions-article {
|
|
@@ -1070,6 +1081,13 @@ body.onpe-modal-open {
|
|
|
1070
1081
|
/* Solo contenido - el espaciado lo maneja el Modal base */
|
|
1071
1082
|
width: 100%;
|
|
1072
1083
|
max-width: 600px !important; /* Tamaño específico para este modal */
|
|
1084
|
+
padding-top: 46px !important; /* pt-5 */
|
|
1085
|
+
|
|
1086
|
+
padding-bottom: 46px !important; /* pb-8 */
|
|
1087
|
+
|
|
1088
|
+
|
|
1089
|
+
padding-left: 30px !important; /* pl-5 */
|
|
1090
|
+
padding-right: 30px !important; /* pr-5 */
|
|
1073
1091
|
}
|
|
1074
1092
|
|
|
1075
1093
|
.onpe-modal-nfc-title {
|
|
@@ -1166,7 +1184,7 @@ body.onpe-modal-open {
|
|
|
1166
1184
|
/* Estilos específicos para móvil */
|
|
1167
1185
|
@media (max-width: 640px) {
|
|
1168
1186
|
.onpe-modal-nfc-title {
|
|
1169
|
-
font-size:
|
|
1187
|
+
font-size: 14px; /* text-base para móvil */
|
|
1170
1188
|
}
|
|
1171
1189
|
|
|
1172
1190
|
.onpe-modal-nfc-content {
|
|
@@ -1180,7 +1198,7 @@ body.onpe-modal-open {
|
|
|
1180
1198
|
}
|
|
1181
1199
|
|
|
1182
1200
|
.onpe-modal-nfc-subtitle {
|
|
1183
|
-
font-size:
|
|
1201
|
+
font-size: 14px; /* text-base para móvil */
|
|
1184
1202
|
}
|
|
1185
1203
|
}
|
|
1186
1204
|
|
|
@@ -1191,19 +1209,19 @@ body.onpe-modal-open {
|
|
|
1191
1209
|
}
|
|
1192
1210
|
|
|
1193
1211
|
.onpe-modal-nfc-content {
|
|
1194
|
-
font-size:
|
|
1212
|
+
font-size: 14px; /* text-base para tablet y desktop */
|
|
1195
1213
|
}
|
|
1196
1214
|
|
|
1197
1215
|
.onpe-modal-nfc-step {
|
|
1198
|
-
font-size:
|
|
1216
|
+
font-size: 14px; /* text-base para tablet y desktop */
|
|
1199
1217
|
}
|
|
1200
1218
|
|
|
1201
1219
|
.onpe-modal-nfc-list-item {
|
|
1202
|
-
font-size:
|
|
1220
|
+
font-size: 14px; /* text-base para tablet y desktop */
|
|
1203
1221
|
}
|
|
1204
1222
|
|
|
1205
1223
|
.onpe-modal-nfc-text {
|
|
1206
|
-
font-size:
|
|
1224
|
+
font-size: 14px; /* text-base para tablet y desktop */
|
|
1207
1225
|
}
|
|
1208
1226
|
|
|
1209
1227
|
.onpe-modal-nfc-subtitle {
|
|
@@ -1211,7 +1229,7 @@ body.onpe-modal-open {
|
|
|
1211
1229
|
}
|
|
1212
1230
|
|
|
1213
1231
|
.onpe-modal-nfc-ordered-list {
|
|
1214
|
-
font-size:
|
|
1232
|
+
font-size: 14px; /* text-base para tablet y desktop */
|
|
1215
1233
|
}
|
|
1216
1234
|
}
|
|
1217
1235
|
|
|
@@ -1219,6 +1237,10 @@ body.onpe-modal-open {
|
|
|
1219
1237
|
.onpe-modal-nfc-container {
|
|
1220
1238
|
/* Desktop: Tamaño específico de 600px */
|
|
1221
1239
|
max-width: 600px !important;
|
|
1240
|
+
|
|
1241
|
+
padding-left: 50px !important; /* pl-5 */
|
|
1242
|
+
padding-right: 50px !important; /* pr-5 */
|
|
1243
|
+
|
|
1222
1244
|
}
|
|
1223
1245
|
}
|
|
1224
1246
|
|
package/dist/index.esm.css
CHANGED
|
@@ -521,8 +521,10 @@ body.onpe-modal-open {
|
|
|
521
521
|
.onpe-modal-confirm-container {
|
|
522
522
|
max-width: 680px !important;
|
|
523
523
|
width: 680px !important;
|
|
524
|
-
padding-top:
|
|
525
|
-
padding-bottom:
|
|
524
|
+
padding-top:30px !important; /* pt-5 */
|
|
525
|
+
padding-bottom: 30px !important; /* pb-8 */
|
|
526
|
+
padding-left: 30px !important; /* pl-5 */
|
|
527
|
+
padding-right: 30px !important; /* pr-5 */
|
|
526
528
|
}
|
|
527
529
|
|
|
528
530
|
.onpe-modal-confirm-icon-container {
|
|
@@ -591,6 +593,8 @@ body.onpe-modal-open {
|
|
|
591
593
|
.onpe-modal-confirm-container {
|
|
592
594
|
width: 680px !important;
|
|
593
595
|
max-width: 680px !important;
|
|
596
|
+
padding-left: 32px !important; /* pl-5 */
|
|
597
|
+
padding-right: 32px !important; /* pr-5 */
|
|
594
598
|
}
|
|
595
599
|
}
|
|
596
600
|
|
|
@@ -931,6 +935,10 @@ body.onpe-modal-open {
|
|
|
931
935
|
/* Solo contenido - el espaciado lo maneja el Modal base */
|
|
932
936
|
width: 100%;
|
|
933
937
|
max-width: 590px !important; /* Tamaño específico para este modal */
|
|
938
|
+
padding-top: 46px !important; /* pt-5 */
|
|
939
|
+
padding-bottom: 46px !important; /* pb-8 */
|
|
940
|
+
padding-left: 30px !important; /* pl-5 */
|
|
941
|
+
padding-right: 30px !important; /* pr-5 */
|
|
934
942
|
}
|
|
935
943
|
|
|
936
944
|
.onpe-modal-dnie-versions-title {
|
|
@@ -944,9 +952,9 @@ body.onpe-modal-open {
|
|
|
944
952
|
.onpe-modal-dnie-versions-content {
|
|
945
953
|
display: flex;
|
|
946
954
|
flex-direction: column;
|
|
947
|
-
gap:
|
|
955
|
+
gap: 20px; /* gap-10 */
|
|
948
956
|
align-items: center;
|
|
949
|
-
margin-top:
|
|
957
|
+
margin-top: 18px; /* mt-7 */
|
|
950
958
|
font-size: 14px; /* text-sm */
|
|
951
959
|
}
|
|
952
960
|
|
|
@@ -1005,7 +1013,7 @@ body.onpe-modal-open {
|
|
|
1005
1013
|
/* Estilos específicos para móvil */
|
|
1006
1014
|
@media (max-width: 640px) {
|
|
1007
1015
|
.onpe-modal-dnie-versions-title {
|
|
1008
|
-
font-size:
|
|
1016
|
+
font-size: 14px; /* text-base para móvil */
|
|
1009
1017
|
}
|
|
1010
1018
|
|
|
1011
1019
|
.onpe-modal-dnie-versions-content {
|
|
@@ -1034,11 +1042,11 @@ body.onpe-modal-open {
|
|
|
1034
1042
|
}
|
|
1035
1043
|
|
|
1036
1044
|
.onpe-modal-dnie-versions-content {
|
|
1037
|
-
font-size:
|
|
1045
|
+
font-size: 14px; /* text-base para tablet y desktop */
|
|
1038
1046
|
}
|
|
1039
1047
|
|
|
1040
1048
|
.onpe-modal-dnie-versions-list {
|
|
1041
|
-
font-size:
|
|
1049
|
+
font-size: 14px; /* text-base para tablet y desktop */
|
|
1042
1050
|
}
|
|
1043
1051
|
}
|
|
1044
1052
|
|
|
@@ -1046,6 +1054,9 @@ body.onpe-modal-open {
|
|
|
1046
1054
|
.onpe-modal-dnie-versions-container {
|
|
1047
1055
|
/* Desktop: Tamaño específico de 590px */
|
|
1048
1056
|
max-width: 590px !important;
|
|
1057
|
+
padding-top: 30px !important; /* pl-5 */
|
|
1058
|
+
padding-bottom: 38px !important; /* pr-5 */
|
|
1059
|
+
|
|
1049
1060
|
}
|
|
1050
1061
|
|
|
1051
1062
|
.onpe-modal-dnie-versions-article {
|
|
@@ -1070,6 +1081,13 @@ body.onpe-modal-open {
|
|
|
1070
1081
|
/* Solo contenido - el espaciado lo maneja el Modal base */
|
|
1071
1082
|
width: 100%;
|
|
1072
1083
|
max-width: 600px !important; /* Tamaño específico para este modal */
|
|
1084
|
+
padding-top: 46px !important; /* pt-5 */
|
|
1085
|
+
|
|
1086
|
+
padding-bottom: 46px !important; /* pb-8 */
|
|
1087
|
+
|
|
1088
|
+
|
|
1089
|
+
padding-left: 30px !important; /* pl-5 */
|
|
1090
|
+
padding-right: 30px !important; /* pr-5 */
|
|
1073
1091
|
}
|
|
1074
1092
|
|
|
1075
1093
|
.onpe-modal-nfc-title {
|
|
@@ -1166,7 +1184,7 @@ body.onpe-modal-open {
|
|
|
1166
1184
|
/* Estilos específicos para móvil */
|
|
1167
1185
|
@media (max-width: 640px) {
|
|
1168
1186
|
.onpe-modal-nfc-title {
|
|
1169
|
-
font-size:
|
|
1187
|
+
font-size: 14px; /* text-base para móvil */
|
|
1170
1188
|
}
|
|
1171
1189
|
|
|
1172
1190
|
.onpe-modal-nfc-content {
|
|
@@ -1180,7 +1198,7 @@ body.onpe-modal-open {
|
|
|
1180
1198
|
}
|
|
1181
1199
|
|
|
1182
1200
|
.onpe-modal-nfc-subtitle {
|
|
1183
|
-
font-size:
|
|
1201
|
+
font-size: 14px; /* text-base para móvil */
|
|
1184
1202
|
}
|
|
1185
1203
|
}
|
|
1186
1204
|
|
|
@@ -1191,19 +1209,19 @@ body.onpe-modal-open {
|
|
|
1191
1209
|
}
|
|
1192
1210
|
|
|
1193
1211
|
.onpe-modal-nfc-content {
|
|
1194
|
-
font-size:
|
|
1212
|
+
font-size: 14px; /* text-base para tablet y desktop */
|
|
1195
1213
|
}
|
|
1196
1214
|
|
|
1197
1215
|
.onpe-modal-nfc-step {
|
|
1198
|
-
font-size:
|
|
1216
|
+
font-size: 14px; /* text-base para tablet y desktop */
|
|
1199
1217
|
}
|
|
1200
1218
|
|
|
1201
1219
|
.onpe-modal-nfc-list-item {
|
|
1202
|
-
font-size:
|
|
1220
|
+
font-size: 14px; /* text-base para tablet y desktop */
|
|
1203
1221
|
}
|
|
1204
1222
|
|
|
1205
1223
|
.onpe-modal-nfc-text {
|
|
1206
|
-
font-size:
|
|
1224
|
+
font-size: 14px; /* text-base para tablet y desktop */
|
|
1207
1225
|
}
|
|
1208
1226
|
|
|
1209
1227
|
.onpe-modal-nfc-subtitle {
|
|
@@ -1211,7 +1229,7 @@ body.onpe-modal-open {
|
|
|
1211
1229
|
}
|
|
1212
1230
|
|
|
1213
1231
|
.onpe-modal-nfc-ordered-list {
|
|
1214
|
-
font-size:
|
|
1232
|
+
font-size: 14px; /* text-base para tablet y desktop */
|
|
1215
1233
|
}
|
|
1216
1234
|
}
|
|
1217
1235
|
|
|
@@ -1219,6 +1237,10 @@ body.onpe-modal-open {
|
|
|
1219
1237
|
.onpe-modal-nfc-container {
|
|
1220
1238
|
/* Desktop: Tamaño específico de 600px */
|
|
1221
1239
|
max-width: 600px !important;
|
|
1240
|
+
|
|
1241
|
+
padding-left: 50px !important; /* pl-5 */
|
|
1242
|
+
padding-right: 50px !important; /* pr-5 */
|
|
1243
|
+
|
|
1222
1244
|
}
|
|
1223
1245
|
}
|
|
1224
1246
|
|