Merged in chore/move-enter-details (pull request #2778)

Chore/move enter details Approved-by: Anton Gunnarsson
2025-09-11 07:16:24 +00:00
parent 15711cb3a4
commit 7dee6d5083
238 changed files with 1656 additions and 1602 deletions
--- a/packages/booking-flow/lib/components/EnterDetails/Payment/payment.module.css
+++ b/packages/booking-flow/lib/components/EnterDetails/Payment/payment.module.css
@@ -0,0 +1,63 @@
+.paymentSection {
+  display: flex;
+  flex-direction: column;
+  gap: var(--Spacing-x4);
+}
+
+.disabled {
+  opacity: 0.5;
+  pointer-events: none;
+}
+
+.paymentContainer {
+  display: flex;
+  flex-direction: column;
+  gap: var(--Spacing-x4);
+  max-width: 696px;
+}
+
+.section {
+  display: flex;
+  flex-direction: column;
+  gap: var(--Spacing-x2);
+}
+
+.paymentOptionContainer {
+  display: flex;
+  flex-direction: column;
+  gap: var(--Spacing-x-one-and-half);
+}
+
+.submitButton {
+  display: none;
+}
+
+.paymentContainer .link {
+  font-weight: 500;
+  font-size: var(--Typography-Caption-Regular-fontSize);
+}
+
+.terms {
+  display: flex;
+  flex-direction: row;
+  gap: var(--Spacing-x-one-and-half);
+}
+
+.checkboxContainer {
+  background-color: var(--Surface-Secondary-Default);
+  border-radius: var(--Corner-radius-Large);
+  padding: var(--Spacing-x2);
+}
+
+@media screen and (min-width: 1367px) {
+  .submitButton {
+    display: flex;
+    align-self: flex-start;
+  }
+}
+
+@media screen and (max-width: 1366px) {
+  .paymentContainer {
+    margin-bottom: 200px;
+  }
+}