fix(SW-2142): layout changes on destination pages and destination pages filter fix
Approved-by: Matilda Landström
This commit is contained in:
@@ -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);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -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);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user