Merged in fix/SW-3007-meeting-image-max-seatings (pull request #2528)

fix(SW-3007): Added fallback image and check if maxSeatings exists

* fix(SW-3007): Added fallback image and check if maxSeatings exists

* fix(SW-3007): use image fallback component

* fix(SW-3007):  change to new tokens

* fix(SW-3007): change to table structure


Approved-by: Hrishikesh Vaipurkar
Approved-by: Matilda Landström
This commit is contained in:
Erik Tiekstra
2025-07-08 12:53:06 +00:00
committed by Matilda Landström
parent 19b58be654
commit 899439ead8
6 changed files with 173 additions and 140 deletions
@@ -10,26 +10,27 @@
.capacity {
display: grid;
grid-template-columns: 1fr 1fr;
gap: var(--Spacing-x1);
gap: var(--Space-x1);
text-align: left;
}
.iconText {
display: flex;
gap: var(--Spacing-x-half);
gap: var(--Space-x05);
align-items: center;
}
.rowItem {
display: grid;
gap: var(--Spacing-x-half);
gap: var(--Space-x05);
}
.openedInfo {
background-color: var(--Base-Surface-Secondary-light-Normal);
border-radius: var(--Corner-radius-md);
padding: var(--Spacing-x2);
padding: var(--Space-x2);
display: grid;
gap: var(--Spacing-x2);
gap: var(--Space-x2);
}
.image {
@@ -40,12 +41,21 @@
.content {
display: grid;
gap: var(--Spacing-x2);
padding: var(--Spacing-x2);
gap: var(--Space-x2);
padding: var(--Space-x2);
grid-template-rows: auto 1fr auto;
flex-grow: 1;
}
.roomDetails {
color: var(--Text-Tertiary);
}
.leftColumn {
color: var(--Text-Secondary);
font-weight: inherit;
}
@media (min-width: 1367px) {
.card:not(.alwaysStack) .ctaContainer {
grid-template-columns: repeat(auto-fit, minmax(0, 1fr));