feat: add hotel image
This commit is contained in:
@@ -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"
|
||||
|
||||
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user