feat(SW-842): Some refactoring regarding room card

This commit is contained in:
Erik Tiekstra
2024-11-12 11:29:51 +01:00
parent 962760ae1b
commit 692320bd61
18 changed files with 87 additions and 155 deletions

View File

@@ -0,0 +1,42 @@
.imageCount {
position: absolute;
bottom: 16px;
right: 16px;
max-height: 32px;
width: 48px;
background-color: rgba(0, 0, 0, 0.6);
padding: var(--Spacing-x-quarter) var(--Spacing-x-half);
border-radius: var(--Corner-radius-Small);
display: flex;
align-items: center;
gap: var(--Spacing-x-quarter);
}
.triggerArea {
display: flex;
cursor: pointer;
width: 100%;
height: 100%;
}
.image {
width: 100%;
object-fit: cover;
}
.imagePlaceholder {
height: 100%;
min-height: 190px;
width: 100%;
background-color: #fff;
background-image: linear-gradient(45deg, #000000 25%, transparent 25%),
linear-gradient(-45deg, #000000 25%, transparent 25%),
linear-gradient(45deg, transparent 75%, #000000 75%),
linear-gradient(-45deg, transparent 75%, #000000 75%);
background-size: 160px 160px;
background-position:
0 0,
0 80px,
80px -80px,
-80px 0;
}