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; --current-mobile-site-header-height: 52.41px;
--max-width-navigation: 89.5rem; --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( --max-width-page: min(
calc(100dvw - var(--max-width-spacing)), calc(100dvw - var(--max-width-spacing)),
var(--max-width-navigation) var(--max-width-navigation)
@@ -101,7 +102,7 @@ ul {
@media screen and (min-width: 768px) { @media screen and (min-width: 768px) {
:root { :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 { body.overflow-hidden {
@@ -112,6 +113,6 @@ ul {
@media screen and (min-width: 1367px) { @media screen and (min-width: 1367px) {
:root { :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"; "mainContent";
width: 100%; width: 100%;
gap: var(--Spacing-x4); gap: var(--Spacing-x4);
max-width: var(--max-width);
} }
.header { .header {
@@ -39,7 +40,6 @@
@media screen and (min-width: 768px) { @media screen and (min-width: 768px) {
.pageContainer { .pageContainer {
max-width: var(--max-width-page);
margin: 0 auto; margin: 0 auto;
gap: var(--Spacing-x4); gap: var(--Spacing-x4);
} }
@@ -53,7 +53,12 @@
grid-template-columns: 1fr var(--map-desktop-width); grid-template-columns: 1fr var(--map-desktop-width);
} }
.header {
padding-left: var(--max-width-single-spacing);
}
.mainContent { .mainContent {
gap: var(--Spacing-x9); 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"; "mainContent";
width: 100%; width: 100%;
gap: var(--Spacing-x4); gap: var(--Spacing-x4);
max-width: var(--max-width);
} }
.header { .header {
@@ -32,7 +33,6 @@
@media screen and (min-width: 768px) { @media screen and (min-width: 768px) {
.pageContainer { .pageContainer {
max-width: var(--max-width-page);
margin: 0 auto; margin: 0 auto;
gap: var(--Spacing-x4); gap: var(--Spacing-x4);
} }
@@ -46,7 +46,12 @@
grid-template-columns: 1fr var(--map-desktop-width); grid-template-columns: 1fr var(--map-desktop-width);
} }
.header {
padding-left: var(--max-width-single-spacing);
}
.mainContent { .mainContent {
gap: var(--Spacing-x9); 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 { .mainSection {
grid-area: mainSection; grid-area: mainSection;
padding: var(--Spacing-x6) var(--Layout-Desktop-Margin-Margin-min); padding: var(--Spacing-x6) var(--max-width-single-spacing);
} }
.mapContainer { .mapContainer {
display: flex; display: flex;

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

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