feat: add mobile ui to calendar

2024-09-27 17:44:36 +02:00
parent 73eddcf4b7
commit 1380dec6e3
32 changed files with 1005 additions and 296 deletions
--- a/components/Forms/BookingWidget/form.module.css
+++ b/components/Forms/BookingWidget/form.module.css
@@ -1,15 +1,36 @@
 .section {
  align-items: center;
-  display: flex;
+  display: grid;
  margin: 0 auto;
  max-width: var(--max-width-navigation);
-}
-
-.form {
  width: 100%;
 }

-.button {
-  width: 118px;
-  justify-content: center;
+.form {
+  display: grid;
+  gap: var(--Spacing-x2);
+  width: 100%;
+}
+
+@media screen and (max-width: 1366px) {
+  .form {
+    align-self: flex-start;
+  }
+
+  .button {
+    align-self: flex-end;
+    justify-content: center;
+    width: 100%;
+  }
+}
+
+@media screen and (min-width: 1367px) {
+  .section {
+    display: flex;
+  }
+
+  .button {
+    justify-content: center;
+    width: 118px;
+  }
 }