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

feat(SW-828): Moved placeholder image to ImageGallery

Browse Source
This commit is contained in:
Pontus Dreij
2024-11-13 14:18:33 +01:00
parent 16d7f5bf8f
commit 60b6f0457b
8 changed files with 30 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
components/HotelReservation/SelectRate/RoomSelection/RoomCard/index.tsx
View File

@@ -164,11 +164,7 @@ export default function RoomCard({
</div>
{/*NOTE: images from the test API are hosted on test3.scandichotels.com,
which can't be accessed unless on Scandic's Wifi or using Citrix. */}
{images ? (
<ImageGallery images={images} title={roomConfiguration.roomType} />
) : (
<div className={styles.imagePlaceholder} />
)}
<ImageGallery images={images} title={roomConfiguration.roomType} />
</div>
)}
</div>

17
components/HotelReservation/SelectRate/RoomSelection/RoomCard/roomCard.module.css
View File

@@ -81,20 +81,3 @@
min-height: 190px;
position: relative;
}
.imagePlaceholder {
height: 100%;
min-height: 190px;
width: 100%;
background-color: #fff;
background-image: linear-gradient(45deg, #000000 25%, transparent 25%),
linear-gradient(-45deg, #000000 25%, transparent 25%),
linear-gradient(45deg, transparent 75%, #000000 75%),
linear-gradient(-45deg, transparent 75%, #000000 75%);
background-size: 160px 160px;
background-position:
0 0,
0 80px,
80px -80px,
-80px 0;
}