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

fix(SW-952) re added address mobile

Browse Source
This commit is contained in:
Pontus Dreij
2024-12-17 16:57:59 +01:00
parent a3fd54636e
commit c6b6db024d
2 changed files with 24 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
components/HotelReservation/HotelCard/hotelCard.module.css
View File

@@ -57,6 +57,12 @@
display: none;
font-style: normal;
}
.addressMobile {
display: block;
font-style: normal;
}
.facilities {
display: flex;
flex-wrap: wrap;

32
components/HotelReservation/HotelCard/index.tsx
View File

@@ -98,20 +98,24 @@ function HotelCard({
{hotelData.address.streetAddress}, {hotelData.address.city}
</Caption>
</address>
<Caption color="baseTextMediumContrast" type="underline" asChild>
<Link
href={`https://www.google.com/maps/dir/?api=1&destination=${hotelData.location.latitude},${hotelData.location.longitude}`}
target="_blank"
aria-label={intl.formatMessage({
id: "Driving directions",
})}
title={intl.formatMessage({
id: "Driving directions",
})}
>
{hotelData.address.streetAddress}, {hotelData.address.city}
</Link>
</Caption>
<address className={styles.addressMobile}>
<Caption color="burgundy" type="underline" asChild>
<Link
href={`https://www.google.com/maps/dir/?api=1&destination=${hotelData.location.latitude},${hotelData.location.longitude}`}
target="_blank"
aria-label={intl.formatMessage({
id: "Driving directions",
})}
title={intl.formatMessage({
id: "Driving directions",
})}
color="burgundy"
size="small"
>
{hotelData.address.streetAddress}, {hotelData.address.city}
</Link>
</Caption>
</address>
<div>
<Divider variant="vertical" color="subtle" />
</div>