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

Merged in feat/SW-3072-desktop-new-button-for-see- (pull request #2408)

Browse Source 
feat: SW-3072 Added overlay to static map on city page

* feat: SW-3072 Added overlay to static map on city page

* feat: SW-3072 Updated map link in desktop select-hotel page

* feat: SW-3072 Updated as review comments


Approved-by: Erik Tiekstra
This commit is contained in:
Hrishikesh Vaipurkar
2025-06-30 10:48:34 +00:00
parent 0393f7b7b9
commit a0b0ed2544
2 changed files with 30 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
apps/scandic-web/components/HotelReservation/SelectHotel/selectHotel.module.css
View File

@@ -68,11 +68,15 @@
margin-bottom: var(--Spacing-x3);
}
.linkText {
.mapButton {
display: flex;
padding: var(--Space-x15) 0;
padding: 10px var(--Space-x2);
justify-content: center;
font-weight: var(--Link-md-Font-weight);
align-items: center;
border-radius: var(--Corner-radius-rounded);
background: var(--Component-Button-Inverted-Fill-Default);
box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.1);
gap: var(--Space-x05);
}
@media (min-width: 768px) {
@@ -128,6 +132,18 @@
background: var(--Base-Surface-Primary-light-Normal);
border-radius: var(--Corner-radius-md);
border: 1px solid var(--Base-Border-Subtle);
position: relative;
}
.mapButton {
position: absolute;
bottom: var(--Space-x2);
right: var(--Space-x2);
}
.mapButton:hover {
background-color: var(--Base-Button-Inverted-Fill-Hover);
color: var(--Base-Button-Inverted-On-Fill-Hover);
}
.buttonContainer {