feat(SW-415): Update Room card UI

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
@@ -8,14 +8,33 @@
}
.cardBody {
padding: var(--Spacing-x1);
display: flex;
flex-direction: column;
gap: var(--Spacing-x1);
}
.specification {
padding: var(--Spacing-x1);
display: flex;
flex-direction: row;
align-items: center;
gap: var(--Spacing-x1);
padding: 0 var(--Spacing-x1) 0 var(--Spacing-x-one-and-half);
height: 40px;
}
.specification .guests {
border-right: 1px solid var(--Base-Border-Subtle);
padding-right: var(--Spacing-x1);
}
.specification .button {
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-x1);
@@ -25,10 +44,6 @@
display: inline-block;
}
.card .button {
display: inline;
}
.card img {
max-width: 100%;
aspect-ratio: 16/9;