feat(SW-415): Added Image gallery

This commit is contained in:
Pontus Dreij
2024-10-11 14:45:52 +02:00
parent 79a01ae699
commit f63cecc488
9 changed files with 128 additions and 27 deletions
@@ -44,6 +44,7 @@
display: flex;
flex-direction: column;
gap: var(--Spacing-x1);
margin-bottom: var(--Spacing-x2);
}
.name {
@@ -57,6 +58,12 @@
border-radius: var(--Corner-radius-Medium) var(--Corner-radius-Medium) 0 0;
}
.flexibilityOptions {
display: flex;
flex-direction: column;
gap: var(--Spacing-x2);
}
.roomsLeft {
position: absolute;
top: 12px;
@@ -65,3 +72,22 @@
padding: var(--Spacing-x-half) var(--Spacing-x1);
border-radius: var(--Corner-radius-Small);
}
.imageContainer {
min-height: 185px;
position: relative;
}
.galleryIcon {
position: absolute;
bottom: 16px;
right: 16px;
height: 24px;
background-color: rgba(64, 57, 55, 0.9);
padding: 0 var(--Spacing-x-half);
border-radius: var(--Corner-radius-Small);
cursor: pointer;
display: flex;
align-items: center;
gap: var(--Spacing-x-quarter);
}