feat(SW-240): refactor booking widget

2024-08-14 18:46:07 +02:00
parent 5a0d1c6d7b
commit 00a5465485
8 changed files with 209 additions and 181 deletions
--- a/components/Forms/BookingWidget/FormContent/formContent.module.css
+++ b/components/Forms/BookingWidget/FormContent/formContent.module.css
@@ -0,0 +1,45 @@
+.input {
+  display: flex;
+  gap: var(--Spacing-x2);
+  width: 100%;
+  max-width: 1250px;
+}
+
+.button {
+  width: 118px;
+  justify-content: center;
+}
+
+.bodyFontSize {
+  font-size: var(--typography-Caption-Bold-Desktop-fontSize);
+}
+
+.border {
+  border-right: 1px solid var(--Base-Surface-Subtle-Normal);
+}
+
+.where {
+  display: flex;
+  gap: var(--Spacing-x-quarter);
+  flex-direction: column;
+  width: 100%;
+  max-width: 280px;
+}
+
+.when,
+.rooms {
+  width: 100%;
+  max-width: 240px;
+}
+
+.vouchers {
+  width: 100%;
+  max-width: 200px;
+}
+
+.options {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  max-width: 158px;
+}