Files
web/components/HotelReservation/HotelCard/HotelPriceList/hotelPriceList.module.css
Bianca Widstam b7ffc8588d Merged in fix/small-UI-change-select-hotel (pull request #931)
fix: small ui fix hotel card

* fix: small ui fix hotel card


Approved-by: Pontus Dreij
2024-11-19 12:23:06 +00:00

46 lines
757 B
CSS

.priceCard {
padding: var(--Spacing-x-one-and-half);
background-color: var(--Base-Surface-Secondary-light-Normal);
border-radius: var(--Corner-radius-Medium);
margin: 0;
width: 100%;
}
.noRooms {
display: flex;
gap: var(--Spacing-x1);
}
.prices {
display: flex;
flex-direction: column;
gap: var(--Spacing-x-one-and-half);
}
.divider {
margin: var(--Spacing-x-half) 0;
}
.priceRow {
display: flex;
justify-content: space-between;
align-items: baseline;
padding: var(--Spacing-x-quarter) 0;
}
.price {
display: flex;
gap: var(--Spacing-x-half);
}
.perNight {
font-weight: 400;
font-size: var(--typography-Caption-Regular-fontSize);
}
@media screen and (min-width: 1367px) {
.prices {
max-width: 260px;
}
}