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

fix(SW-2657): Changed size of images inside meeting subpage cards

Browse Source 
Approved-by: Matilda Landström
This commit is contained in:
Erik Tiekstra
2025-05-15 13:37:11 +00:00
parent bea0fcbf75
commit e9dd2b3738
3 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
apps/scandic-web/components/ContentType/HotelPage/Facilities/CardGrid/CardImage/index.tsx
View File

@@ -22,7 +22,7 @@ export default function CardImage({
className={styles.image} className={styles.image}
alt={backgroundImage.title} alt={backgroundImage.title}
fill fill
sizes="(max-width: 768px) 100vw, 900px" sizes="(min-width: 768px) 900px, 100vw"
focalPoint={backgroundImage.focalPoint} focalPoint={backgroundImage.focalPoint}
/> />
</div> </div>

3
apps/scandic-web/components/TempDesignSystem/MeetingRoomCard/index.tsx
View File

@@ -41,8 +41,9 @@ export default function MeetingRoomCard({ room }: MeetingRoomCardProps) {
src={image.imageSizes.small} src={image.imageSizes.small}
alt={image.metaData.altText || image.metaData.altText_En || ""} alt={image.metaData.altText || image.metaData.altText_En || ""}
className={styles.image} className={styles.image}
width={200} width={386}
height={200} height={200}
sizes="(min-width: 768px) 386px, 100vw"
/> />
<div className={styles.content}> <div className={styles.content}>
<Subtitle textAlign="left" type="two" color="black"> <Subtitle textAlign="left" type="two" color="black">

1
apps/scandic-web/components/TempDesignSystem/MeetingRoomCard/meetingRoomCard.module.css
View File

@@ -33,6 +33,7 @@
} }
.image { .image {
height: 200px;
width: 100%; width: 100%;
object-fit: cover; object-fit: cover;
} }