@pelcro/react-pelcro-js 4.0.0-alpha.13 → 4.0.0-alpha.15
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/SubscriptionCancelView-b45f7c08.js +254 -0
- package/dist/{index.cjs.js → components-f9c58ce2.js} +6122 -10659
- package/dist/components.js +236 -0
- package/dist/index-3d4e925e.js +4655 -0
- package/dist/pelcro.css +18 -3
- package/package.json +1 -1
- package/dist/index.esm.js +0 -37113
package/dist/pelcro.css
CHANGED
|
@@ -703,6 +703,12 @@ Add the correct display in Chrome and Safari.
|
|
|
703
703
|
width: 100%;
|
|
704
704
|
}
|
|
705
705
|
|
|
706
|
+
@media (min-width: 425px) {
|
|
707
|
+
.pelcro-root .pelcro-modal {
|
|
708
|
+
max-width: 425px;
|
|
709
|
+
}
|
|
710
|
+
}
|
|
711
|
+
|
|
706
712
|
@media (min-width: 640px) {
|
|
707
713
|
.pelcro-root .pelcro-modal {
|
|
708
714
|
max-width: 640px;
|
|
@@ -764,8 +770,8 @@ Add the correct display in Chrome and Safari.
|
|
|
764
770
|
border-bottom-width: 2px;
|
|
765
771
|
--tw-bg-opacity: 1;
|
|
766
772
|
background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
|
|
767
|
-
padding-left:
|
|
768
|
-
padding-right:
|
|
773
|
+
padding-left: 2rem;
|
|
774
|
+
padding-right: 2rem;
|
|
769
775
|
padding-top: 0.75rem;
|
|
770
776
|
padding-bottom: 0.75rem;
|
|
771
777
|
border-bottom-width: 1px;
|
|
@@ -774,7 +780,7 @@ Add the correct display in Chrome and Safari.
|
|
|
774
780
|
.pelcro-root .pelcro-modal-close {
|
|
775
781
|
position: absolute;
|
|
776
782
|
top: 50%;
|
|
777
|
-
right:
|
|
783
|
+
right: 0.5rem;
|
|
778
784
|
z-index: 999999;
|
|
779
785
|
width: 1.5rem;
|
|
780
786
|
--tw-translate-x: 0;
|
|
@@ -818,6 +824,12 @@ Add the correct display in Chrome and Safari.
|
|
|
818
824
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
819
825
|
}
|
|
820
826
|
|
|
827
|
+
@media (min-width: 640px) {
|
|
828
|
+
.pelcro-root .pelcro-modal-close {
|
|
829
|
+
right: 1.25rem;
|
|
830
|
+
}
|
|
831
|
+
}
|
|
832
|
+
|
|
821
833
|
.pelcro-root .pelcro-modal-body {
|
|
822
834
|
--tw-bg-opacity: 1;
|
|
823
835
|
background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
|
|
@@ -3509,6 +3521,9 @@ in order to scope selectors under pelcro-root
|
|
|
3509
3521
|
transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
|
|
3510
3522
|
}
|
|
3511
3523
|
|
|
3524
|
+
@media (min-width: 425px) {
|
|
3525
|
+
}
|
|
3526
|
+
|
|
3512
3527
|
@media (min-width: 640px) {
|
|
3513
3528
|
.pelcro-root .sm\:plc-m-4 {
|
|
3514
3529
|
margin: 1rem;
|