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

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

Browse Source 
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
Download Patch File Download Diff File Expand all files Collapse all files

7
apps/scandic-web/app/globals.css
View File

@@ -7,7 +7,8 @@
--current-mobile-site-header-height: 52.41px;
--max-width-navigation: 89.5rem;
--max-width-spacing: calc(var(--Layout-Mobile-Margin-Margin-min) * 2);
--max-width-single-spacing: var(--Layout-Mobile-Margin-Margin-min);
--max-width-spacing: calc(var(--max-width-single-spacing) * 2);
--max-width-page: min(
calc(100dvw - var(--max-width-spacing)),
var(--max-width-navigation)
@@ -101,7 +102,7 @@ ul {
@media screen and (min-width: 768px) {
:root {
--max-width-spacing: calc(var(--Layout-Tablet-Margin-Margin-min) * 2);
--max-width-single-spacing: var(--Layout-Tablet-Margin-Margin-min);
}
body.overflow-hidden {
@@ -112,6 +113,6 @@ ul {
@media screen and (min-width: 1367px) {
:root {
--max-width-spacing: calc(var(--Layout-Desktop-Margin-Margin-min) * 2);
--max-width-single-spacing: var(--Layout-Desktop-Margin-Margin-min);
}
}

7
apps/scandic-web/components/ContentType/DestinationPage/DestinationCityPage/destinationCityPage.module.css
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);
}
}

7
apps/scandic-web/components/ContentType/DestinationPage/DestinationCountryPage/destinationCountryPage.module.css
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);
}
}

2
apps/scandic-web/components/ContentType/HotelPage/hotelPage.module.css
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;

2
apps/scandic-web/server/routers/hotels/utils.ts
View File

@@ -578,7 +578,7 @@ export async function getHotelsByHotelIds({
: [],
name: hotel.name,
tripadvisor: hotel.ratings?.tripAdvisor?.rating,
detailedFacilities: hotel.detailedFacilities?.slice(0, 3) || [],
detailedFacilities: hotel.detailedFacilities || [],
location: hotel.location,
hotelType: hotel.hotelType,
type: hotel.type,