fix(SW-592): Fix layout in mobile on select-hotel

2024-10-10 14:34:01 +02:00
parent 56193b0821
commit 98e8a048b4
1 changed files with 7 additions and 0 deletions
--- a/app/[lang]/(live)/(public)/hotelreservation/select-hotel/page.module.css
+++ b/app/[lang]/(live)/(public)/hotelreservation/select-hotel/page.module.css
@@ -4,6 +4,7 @@
  padding: var(--Spacing-x4) var(--Spacing-x4) 0 var(--Spacing-x4);
  background-color: var(--Scandic-Brand-Warm-White);
  min-height: 100dvh;
+  flex-direction: column;
 }

 .section {
@@ -15,3 +16,9 @@
  display: flex;
  padding: var(--Spacing-x2) var(--Spacing-x0);
 }
+
+@media (min-width: 768px) {
+  .main {
+    flex-direction: row;
+  }
+}