feat/SW-689-image-gallery-sizes (pull request #781)

Feat/SW-689 image gallery sizes

* feat(SW-689): initial gallery changes

* feat(SW-689): remove console.log

* feat(SW-689): remove unneccessary code

* feat(SW-689): change sizes

* feat(SW-689): change size

* feat(SW-689): add design for ipad for fullview

* feat(SW-689): fix import type

* feat(SW-689): fix tripAdvisor placement

* feat(SW-689): fix image gallery type

* feat(SW-689): fix check gallery length


Approved-by: Christian Andolf
Approved-by: Matilda Landström
This commit is contained in:
Bianca Widstam
2024-10-29 13:54:12 +00:00
parent 8bea10a282
commit fc8844eb96
15 changed files with 82 additions and 111 deletions

View File

@@ -184,6 +184,25 @@
max-width: 548px;
}
.image {
object-fit: cover;
}
@media (min-width: 768px) and (max-width: 1367px) {
.fullViewContainer {
grid-template-columns: 1fr;
justify-items: center;
padding: var(--Spacing-x5);
}
.fullViewImageContainer {
position: relative;
width: 100%;
height: 100%;
max-height: 35rem;
}
}
@media (min-width: 1367px) {
.mobileGallery,
.thumbnailGrid {