scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Pontus Dreij
2024-10-10 14:34:01 +02:00
parent 56193b0821
commit 98e8a048b4
1 changed files with 7 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
app/[lang]/(live)/(public)/hotelreservation/select-hotel/page.module.css
View File

@@ -4,6 +4,7 @@
padding: var(--Spacing-x4) var(--Spacing-x4) 0 var(--Spacing-x4); padding: var(--Spacing-x4) var(--Spacing-x4) 0 var(--Spacing-x4);
background-color: var(--Scandic-Brand-Warm-White); background-color: var(--Scandic-Brand-Warm-White);
min-height: 100dvh; min-height: 100dvh;
flex-direction: column;
} }
.section { .section {
@@ -15,3 +16,9 @@
display: flex; display: flex;
padding: var(--Spacing-x2) var(--Spacing-x0); padding: var(--Spacing-x2) var(--Spacing-x0);
} }
@media (min-width: 768px) {
.main {
flex-direction: row;
}
}