52 lines
946 B
CSS
52 lines
946 B
CSS
.container {
|
|
background-color: var(--Base-Surface-Primary-light-Normal);
|
|
border-radius: var(--Corner-radius-Large);
|
|
display: grid;
|
|
grid-template-columns: 144px 1fr;
|
|
gap: var(--Spacing-x3);
|
|
padding: var(--Spacing-x2) var(--Spacing-x4) var(--Spacing-x2)
|
|
var(--Spacing-x2);
|
|
}
|
|
|
|
.tempImage {
|
|
align-items: center;
|
|
background-color: lightgray;
|
|
border-radius: var(--Corner-radius-Medium);
|
|
display: flex;
|
|
height: auto;
|
|
justify-content: center;
|
|
min-height: 80px;
|
|
}
|
|
|
|
.content {
|
|
align-items: center;
|
|
display: grid;
|
|
gap: var(--Spacing-x3);
|
|
grid-template-columns: 1fr auto;
|
|
}
|
|
|
|
.textContainer {
|
|
display: grid;
|
|
}
|
|
|
|
.label {
|
|
grid-column: 1 / -1;
|
|
}
|
|
|
|
.text {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: var(--Spacing-x1);
|
|
}
|
|
|
|
p.invertFontWeight {
|
|
font-weight: 400;
|
|
}
|
|
|
|
.invertFontWeight:not(:last-of-type)::after,
|
|
.room::after {
|
|
color: var(--UI-Text-Medium-contrast);
|
|
content: "∙";
|
|
padding-left: var(--Spacing-x1);
|
|
}
|