scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source 
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
Download Patch File Download Diff File Expand all files Collapse all files

10
components/Lightbox/FullView.tsx
View File

@@ -40,7 +40,7 @@ export default function FullView({
<div className={styles.fullViewImageContainer}>
<AnimatePresence initial={false} custom={currentIndex}>
<motion.div
key={image.url}
key={image.imageSizes.medium}
custom={currentIndex}
initial={{ opacity: 0, x: 300 }}
animate={{ opacity: 1, x: 0 }}
@@ -49,14 +49,16 @@ export default function FullView({
className={styles.fullViewImage}
>
<Image
alt={image.alt}
alt={image.metaData.altText}
fill
src={image.url}
src={image.imageSizes.medium}
style={{ objectFit: "cover" }}
/>
<div className={styles.fullViewFooter}>
{image.title && <Body color="white">{image.title}</Body>}
{image.metaData.title && (
<Body color="white">{image.metaData.title}</Body>
)}
</div>
</motion.div>
</AnimatePresence>