@onpe/ui 1.3.35 → 1.3.36

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.
@@ -534,7 +534,7 @@ body.onpe-modal-open {
534
534
 
535
535
  .onpe-modal-confirm-buttons-container {
536
536
  display: flex;
537
- flex-direction: column-reverse;
537
+ flex-direction: column;
538
538
  align-items: center;
539
539
  justify-content: center;
540
540
  width: 100%;
@@ -542,6 +542,10 @@ body.onpe-modal-open {
542
542
  margin-top: 44px; /* 2.75rem = 44px */
543
543
  }
544
544
 
545
+ .onpe-modal-confirm-buttons-desktop {
546
+ display: none;
547
+ }
548
+
545
549
  .onpe-modal-confirm-button {
546
550
  width: 100%;
547
551
  max-width: 200px;
@@ -574,6 +578,14 @@ body.onpe-modal-open {
574
578
  .onpe-modal-confirm-buttons-container {
575
579
  flex-direction: row; /* lg:flex-row */
576
580
  }
581
+
582
+ .onpe-modal-confirm-buttons-mobile {
583
+ display: none;
584
+ }
585
+
586
+ .onpe-modal-confirm-buttons-desktop {
587
+ display: flex;
588
+ }
577
589
 
578
590
  .onpe-modal-confirm-button {
579
591
  width: 200px;
@@ -534,7 +534,7 @@ body.onpe-modal-open {
534
534
 
535
535
  .onpe-modal-confirm-buttons-container {
536
536
  display: flex;
537
- flex-direction: column-reverse;
537
+ flex-direction: column;
538
538
  align-items: center;
539
539
  justify-content: center;
540
540
  width: 100%;
@@ -542,6 +542,10 @@ body.onpe-modal-open {
542
542
  margin-top: 44px; /* 2.75rem = 44px */
543
543
  }
544
544
 
545
+ .onpe-modal-confirm-buttons-desktop {
546
+ display: none;
547
+ }
548
+
545
549
  .onpe-modal-confirm-button {
546
550
  width: 100%;
547
551
  max-width: 200px;
@@ -574,6 +578,14 @@ body.onpe-modal-open {
574
578
  .onpe-modal-confirm-buttons-container {
575
579
  flex-direction: row; /* lg:flex-row */
576
580
  }
581
+
582
+ .onpe-modal-confirm-buttons-mobile {
583
+ display: none;
584
+ }
585
+
586
+ .onpe-modal-confirm-buttons-desktop {
587
+ display: flex;
588
+ }
577
589
 
578
590
  .onpe-modal-confirm-button {
579
591
  width: 200px;