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

fix(SW-1143) improvements on Skeleton

Browse Source
This commit is contained in:
Pontus Dreij
2024-12-10 11:49:31 +01:00
parent 22a5edc2d7
commit 71685c24f4
2 changed files with 8 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
components/HotelReservation/HotelCard/HotelCardSkeleton.module.css
View File

@@ -45,7 +45,9 @@
} }
.text { .text {
display: block; gap: 10px;
display: flex;
flex-direction: column;
} }
.card { .card {
@@ -55,4 +57,7 @@
width: 315px; width: 315px;
height: 100%; height: 100%;
} }
.priceVariants {
max-width: 260px;
}
} }

3
components/HotelReservation/HotelCard/HotelCardSkeleton.tsx
View File

@@ -19,7 +19,7 @@ export function HotelCardSkeleton() {
<SkeletonShimmer height={"20px"} /> <SkeletonShimmer height={"20px"} />
</div> </div>
<SkeletonShimmer height={"56px"} /> <SkeletonShimmer height={"56px"} />
<SkeletonShimmer height={"52px"} /> <SkeletonShimmer height={"52px"} width={"150px"} />
</div> </div>
<div className={styles.priceVariants}> <div className={styles.priceVariants}>
@@ -27,6 +27,7 @@ export function HotelCardSkeleton() {
{Array.from({ length: 2 }).map((_, index) => ( {Array.from({ length: 2 }).map((_, index) => (
<SkeletonShimmer key={index} height={"100px"} /> <SkeletonShimmer key={index} height={"100px"} />
))} ))}
<SkeletonShimmer height={"40px"} />
</div> </div>
</article> </article>
) )