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

fix(SW-1143) fix breadcrumbs skeleton

Browse Source
This commit is contained in:
Pontus Dreij
2024-12-10 13:06:47 +01:00
parent 153ed086cb
commit f9e50b7ea7
2 changed files with 7 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
components/HotelReservation/SelectHotel/SelectHotelSkeleton.tsx
View File

@@ -12,7 +12,9 @@ export async function SelectHotelSkeleton({ count = 4 }: Props) {
return ( return (
<div className={styles.skeletonContainer}> <div className={styles.skeletonContainer}>
<header className={styles.header}> <header className={styles.header}>
<SkeletonShimmer height={"25px"} width={"400px"} /> <div className={styles.breadcrumbs}>
<SkeletonShimmer height={"25px"} width={"400px"} />
</div>
<div className={styles.title}> <div className={styles.title}>
<div className={styles.cityInformation}> <div className={styles.cityInformation}>
<SkeletonShimmer height={"25px"} width={"200px"} /> <SkeletonShimmer height={"25px"} width={"200px"} />

4
components/HotelReservation/SelectHotel/selectHotel.module.css
View File

@@ -132,4 +132,8 @@
.skeletonContainer .sideBar { .skeletonContainer .sideBar {
gap: var(--Spacing-x3); gap: var(--Spacing-x3);
} }
.skeletonContainer .breadcrumbs {
margin: 0 auto;
max-width: var(--max-width-navigation);
}
} }