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
37 lines
576 B
CSS
37 lines
576 B
CSS
.card {
|
|
font-size: 14px;
|
|
display: flex;
|
|
flex-direction: column-reverse;
|
|
background-color: #fff;
|
|
border-radius: var(--Corner-radius-Small);
|
|
border: 1px solid rgba(77, 0, 27, 0.1);
|
|
}
|
|
|
|
.cardBody {
|
|
padding: var(--Spacing-x1);
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--Spacing-x1);
|
|
}
|
|
|
|
.specification {
|
|
padding: var(--Spacing-x1);
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--Spacing-x1);
|
|
}
|
|
|
|
.name {
|
|
display: inline-block;
|
|
}
|
|
|
|
.card .button {
|
|
display: inline;
|
|
}
|
|
|
|
.card img {
|
|
max-width: 100%;
|
|
aspect-ratio: 1.5;
|
|
object-fit: cover;
|
|
}
|