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

refactor(SW-96): use images from API & reduce data returned in getHotel

Browse Source
This commit is contained in:
Chuma McPhoy
2024-08-21 14:52:13 +02:00
parent 6456be95b2
commit 7d47994539
9 changed files with 71 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/Lightbox/FullView.tsx
+1 -1
View File
@@ -61,7 +61,7 @@ export default function FullView({
/>
<div className={styles.fullViewFooter}>
<Body color="white">{image.alt}</Body>
<Body color="white">{image.title}</Body>
</div>
</motion.div>
</AnimatePresence>
components/Lightbox/Gallery.tsx
+1 -1
View File
@@ -56,7 +56,7 @@ export default function Gallery({
<div className={styles.desktopGallery}>
<div className={styles.galleryHeader}>
<div className={styles.imageCaption}>
<Caption color="textMediumContrast">{mainImage.alt}</Caption>
<Caption color="textMediumContrast">{mainImage.title}</Caption>
</div>
</div>
<div className={styles.mainImageWrapper}>
components/Lightbox/Lightbox.module.css
+6 -1
View File
@@ -5,7 +5,6 @@
.mobileGallery {
margin-top: 70.047px;
height: 100%;
overflow-y: auto;
position: relative;
display: flex;
flex-direction: column;
@@ -51,6 +50,7 @@
display: flex;
flex-direction: column;
position: relative;
overflow-y: auto;
}
.galleryHeader {
@@ -60,6 +60,10 @@
margin-bottom: var(--Spacing-x1);
}
.desktopGalleryCloseButton {
display: none;
}
.imageCaption {
background-color: var(--Base-Surface-Subtle-Normal);
padding: var(--Spacing-x-half) var(--Spacing-x1);
@@ -187,6 +191,7 @@
}
.desktopGalleryCloseButton {
display: block;
position: absolute;
top: var(--Spacing-x-one-and-half);
right: var(--Spacing-x-half);