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

fix(SW-451): Fixed some of the ui comments

Browse Source
This commit is contained in:
Pontus Dreij
2024-11-09 10:38:45 +01:00
parent 61027acd0d
commit 031c0f71b8
10 changed files with 102 additions and 83 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
components/HotelReservation/SelectRate/RoomSelection/RoomCard/index.tsx
View File

@@ -88,25 +88,30 @@ export default function RoomCard({
: `${roomSize?.min}-${roomSize?.max}`}
m²
</Caption>
{roomConfiguration.roomTypeCode && (
<ToggleSidePeek
hotelId={hotelId}
roomTypeCode={roomConfiguration.roomTypeCode}
/>
)}
<div className={styles.toggleSidePeek}>
{roomConfiguration.roomTypeCode && (
<ToggleSidePeek
hotelId={hotelId}
roomTypeCode={roomConfiguration.roomTypeCode}
/>
)}
</div>
</div>
<div className={styles.container}>
<div className={styles.roomDetails}>
<Subtitle className={styles.name} type="two">
{roomConfiguration.roomType}
</Subtitle>
{/* Out of scope for now
<Body>{descriptions?.short}</Body>
*/}
<Caption color="uiTextHighContrast" type="bold">
{intl.formatMessage({
id: "Breakfast selection in next step.",
})}
</Caption>
</div>
<Caption color="uiTextHighContrast">
{intl.formatMessage({
id: "Breakfast selection in next step.",
})}
</Caption>
<div className={styles.flexibilityOptions}>
{Object.entries(rates).map(([key, rate]) => (
<FlexibilityOption

9
components/HotelReservation/SelectRate/RoomSelection/RoomCard/roomCard.module.css
View File

@@ -27,24 +27,21 @@
padding-right: var(--Spacing-x1);
}
.specification .button {
.toggleSidePeek {
margin-left: auto;
padding: 0 0 0 var(--Spacing-x-half);
text-decoration: none;
}
.container {
padding: var(--Spacing-x1) var(--Spacing-x2) var(--Spacing-x2);
display: flex;
flex-direction: column;
gap: var(--Spacing-x2);
gap: var(--Spacing-x-one-and-half);
}
.roomDetails {
display: flex;
flex-direction: column;
gap: var(--Spacing-x1);
margin-bottom: var(--Spacing-x2);
gap: var(--Spacing-x2);
}
.name {