fix(SW-2142): layout changes on destination pages and destination pages filter fix

Approved-by: Matilda Landström
This commit is contained in:
Erik Tiekstra
2025-04-22 05:21:53 +00:00
parent b981e8bffc
commit ba2198b77f
5 changed files with 18 additions and 7 deletions

View File

@@ -7,6 +7,7 @@
"mainContent";
width: 100%;
gap: var(--Spacing-x4);
max-width: var(--max-width);
}
.header {
@@ -39,7 +40,6 @@
@media screen and (min-width: 768px) {
.pageContainer {
max-width: var(--max-width-page);
margin: 0 auto;
gap: var(--Spacing-x4);
}
@@ -53,7 +53,12 @@
grid-template-columns: 1fr var(--map-desktop-width);
}
.header {
padding-left: var(--max-width-single-spacing);
}
.mainContent {
gap: var(--Spacing-x9);
padding-left: var(--max-width-single-spacing);
}
}

View File

@@ -7,6 +7,7 @@
"mainContent";
width: 100%;
gap: var(--Spacing-x4);
max-width: var(--max-width);
}
.header {
@@ -32,7 +33,6 @@
@media screen and (min-width: 768px) {
.pageContainer {
max-width: var(--max-width-page);
margin: 0 auto;
gap: var(--Spacing-x4);
}
@@ -46,7 +46,12 @@
grid-template-columns: 1fr var(--map-desktop-width);
}
.header {
padding-left: var(--max-width-single-spacing);
}
.mainContent {
gap: var(--Spacing-x9);
padding-left: var(--max-width-single-spacing);
}
}

View File

@@ -80,7 +80,7 @@
}
.mainSection {
grid-area: mainSection;
padding: var(--Spacing-x6) var(--Layout-Desktop-Margin-Margin-min);
padding: var(--Spacing-x6) var(--max-width-single-spacing);
}
.mapContainer {
display: flex;