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

Merged in fix/SW-2786-ios-only-mobile-browsers- (pull request #2626)

Browse Source 
fix(SW-2786): Added sizes auto to load images of appropriate size instead of largest

* fix(SW-2786): Added sizes auto to load images of appropriate size instead of largest

* fix(SW-2786): Updated to specific size as auto value is not yet supported by major browsers

* fix(SW-2786): Updated to height as min-height doesn't work for child having 100% correctly


Approved-by: Bianca Widstam
This commit is contained in:
Hrishikesh Vaipurkar
2025-08-22 13:11:32 +00:00
parent d16c6b8082
commit d6b7361a26
2 changed files with 2 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/Rooms/RoomsList/RoomListItem/RoomImage/image.module.css
View File

@@ -1,6 +1,6 @@
.imageContainer { .imageContainer {
margin: 0 calc(-1 * var(--Spacing-x2)); margin: 0 calc(-1 * var(--Spacing-x2));
min-height: 190px; height: 190px;
position: relative; position: relative;
border-radius: var(--Corner-radius-lg) var(--Corner-radius-lg) 0 0; border-radius: var(--Corner-radius-lg) var(--Corner-radius-lg) 0 0;
} }

1
apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/Rooms/RoomsList/RoomListItem/RoomImage/index.tsx
View File

@@ -54,6 +54,7 @@ const RoomImage = memo(function RoomImage({
title={roomType} title={roomType}
fill fill
imageCountPosition="top" imageCountPosition="top"
sizes="(max-width: 768px) 768px, 420px"
/> />
<div className={styles.toggleSidePeek}> <div className={styles.toggleSidePeek}>
{roomTypeCode && room && ( {roomTypeCode && room && (