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

fix/SW-451-design-comments (pull request #845)

Browse Source 
fix(SW-451): fix design comments

* fix(SW-451): fix design comments

* fix(SW-451): fix color styling

* fix(SW-451): fix title styling

* fix(SW-451): add fix correct gap


Approved-by: Pontus Dreij
Approved-by: Fredrik Thorsson
Approved-by: Matilda Landström
This commit is contained in:
Bianca Widstam
2024-11-07 12:41:31 +00:00
parent e4e303ddb9
commit 2348fbafd4
2 changed files with 19 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
components/HotelReservation/SelectRate/HotelInfoCard/index.tsx
View File

@@ -49,19 +49,17 @@ export default function HotelInfoCard({ hotelData }: HotelInfoCardProps) {
</div>
<div className={styles.hotelContent}>
<div className={styles.hotelInformation}>
<Title
level="h3"
textTransform="uppercase"
className={styles.title}
>
<Title as="h2" textTransform="uppercase">
{hotelAttributes.name}
</Title>
<Caption color="uiTextMediumContrast">
{`${hotelAttributes.address.streetAddress}, ${hotelAttributes.address.city} ∙ ${hotelAttributes.location.distanceToCentre} ${intl.formatMessage({ id: "km to city center" })}`}
</Caption>
<Body color="uiTextHighContrast" className={styles.body}>
{hotelAttributes.hotelContent.texts.descriptions.medium}
</Body>
<div className={styles.hotelAddressDescription}>
<Caption color="uiTextMediumContrast">
{`${hotelAttributes.address.streetAddress}, ${hotelAttributes.address.city} ∙ ${hotelAttributes.location.distanceToCentre} ${intl.formatMessage({ id: "km to city center" })}`}
</Caption>
<Body color="uiTextHighContrast">
{hotelAttributes.hotelContent.texts.descriptions.medium}
</Body>
</div>
</div>
<Divider color="subtle" variant="vertical" />
<div className={styles.facilities}>
@@ -79,9 +77,7 @@ export default function HotelInfoCard({ hotelData }: HotelInfoCardProps) {
color="grey80"
/>
)}
<Caption className={styles.facilityName}>
{facility.name}
</Caption>
<Body color="uiTextHighContrast">{facility.name}</Body>
</div>
)
})}