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

Merged in fix/SW-2292-new-hotel-header (pull request #2253)

Browse Source 
fix(SW-2292): new design for hotel header on enter details

* fix(SW-2292): new design for hotel header on enter details


Approved-by: Michael Zetterberg
This commit is contained in:
Niclas Edenvin
2025-05-28 12:19:11 +00:00
parent b4e8a7f7cf
commit 44e648e758
3 changed files with 23 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
apps/scandic-web/components/HotelReservation/EnterDetails/Header/header.module.css
View File

@@ -28,10 +28,10 @@
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
align-items: center;
max-width: var(--max-width-page);
gap: var(--Space-x05);
padding: var(--Space-x3) 0;
gap: var(--Space-x2);
padding: var(--Space-x3) 0 var(--Space-x4);
margin: 0 auto;
}
@@ -59,22 +59,21 @@
}
.address {
display: none;
flex-wrap: wrap;
column-gap: var(--Space-x15);
font-style: normal;
text-align: center;
color: var(--Text-Inverted);
}
@media (min-width: 768px) {
.address {
display: flex;
}
.container {
padding: var(--Space-x3) 0;
gap: var(--Space-x3);
}
.mobileTitle {
display: none;
}
.titleContainer {
gap: var(--Space-x1);
}
.title {
display: -webkit-box;
}