This updates the select room page according to the new UX. It has different sections on the same page, but with specific URLs per section. Since neither UX, UI nor API is completely done both design and data structures are a bit temporary. Approved-by: Simon.Emanuelsson
24 lines
405 B
CSS
24 lines
405 B
CSS
.wrapper {
|
|
border-bottom: 1px solid rgba(17, 17, 17, 0.2);
|
|
padding-bottom: var(--Spacing-x3);
|
|
}
|
|
|
|
.roomList {
|
|
margin-top: var(--Spacing-x4);
|
|
list-style: none;
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr 1fr 1fr;
|
|
column-gap: var(--Spacing-x2);
|
|
row-gap: var(--Spacing-x4);
|
|
}
|
|
|
|
.roomList > li {
|
|
width: 100%;
|
|
}
|
|
|
|
.roomList input[type="radio"] {
|
|
opacity: 0;
|
|
position: fixed;
|
|
width: 0;
|
|
}
|