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

feat(SW-415): Update Room card UI

Browse Source
This commit is contained in:
Pontus Dreij
2024-10-09 11:03:02 +02:00
parent 67df5f0771
commit 79442d80b8
19 changed files with 378 additions and 297 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
components/HotelReservation/SelectRate/RoomSelection/FlexibilityOption/flexibilityOption.module.css
View File

@@ -1,15 +1,32 @@
.card {
font-size: 14px;
border-radius: var(--Corner-radius-Medium);
border: 1px solid var(--Base-Border-Normal);
.card,
.disabledCard {
border-radius: var(--Corner-radius-Large);
padding: var(--Spacing-x-one-and-half) var(--Spacing-x2);
background-color: var(--Base-Surface-Primary-light-Hover);
}
.disabledCard {
opacity: 0.6;
}
.disabledCard:hover {
cursor: not-allowed;
}
.card:hover {
cursor: pointer;
}
input[type="radio"]:checked + .card {
background-color: var(--Base-Surface-Primary-light-Hover-alt);
}
.header {
display: flex;
justify-content: space-between;
gap: var(--Spacing-x-half);
}
.header .infoIcon,
.header .infoIcon * {
stroke: var(--Base-Text-Disabled);
fill: var(--Base-Surface-Primary-light-Hover);
}