feat: add hotel image

This commit is contained in:
Christel Westerberg
2024-05-08 15:16:51 +02:00
parent 661a8019d3
commit 058f0cc898
4 changed files with 23 additions and 5 deletions

View File

@@ -19,6 +19,13 @@ export default function StayCard({ stay, lang }: StayCardProps) {
return (
<article className={styles.stay}>
<Image
className={styles.image}
alt={hotelInformation.hotelContent.images.metaData.altText}
src={hotelInformation.hotelContent.images.imageSizes.small}
width={420}
height={240}
/>
<footer className={styles.footer}>
<Title
as="h5"

View File

@@ -6,6 +6,15 @@
flex-shrink: 0;
flex-basis: 32rem;
height: 34rem;
overflow: hidden;
}
.image {
height: auto;
width: 100%;
min-height: 22rem;
object-fit: cover;
overflow: hidden;
}
.footer {