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; display: none;
font-style: normal; font-style: normal;
} }
.addressMobile {
display: block;
font-style: normal;
}
.facilities { .facilities {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;

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

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