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

Merged in feat/SW-1230-meeting-booking-widget (pull request #1507)

Browse Source 
feat(SW-1230): Added meeting booking widget to hotel meeting pages

* feat(SW-1230): Added meeting booking widget to hotel meeting pages


Approved-by: Fredrik Thorsson
This commit is contained in:
Erik Tiekstra
2025-03-11 06:33:04 +00:00
parent 67004e5904
commit 2ef2b2e28d
10 changed files with 387 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
apps/scandic-web/components/MeetingPackageWidget/Skeleton/index.tsx Normal file
View File

@@ -0,0 +1,21 @@
import SkeletonShimmer from "../../SkeletonShimmer"
import styles from "./skeleton.module.css"
export default function MeetingPackageWidgetSkeleton() {
return (
<>
<div className={styles.mobile}>
<SkeletonShimmer height="40px" width="100%" />
</div>
<div className={styles.desktop}>
<SkeletonShimmer height="60px" width="30%" />
<SkeletonShimmer height="60px" width="22%" />
<SkeletonShimmer height="60px" width="12%" />
<SkeletonShimmer height="60px" width="12%" />
<SkeletonShimmer height="60px" width="12%" />
<SkeletonShimmer height="60px" width="12%" />
</div>
</>
)
}

20
apps/scandic-web/components/MeetingPackageWidget/Skeleton/skeleton.module.css Normal file
View File

@@ -0,0 +1,20 @@
.mobile,
.desktop {
padding: var(--Spacing-x2) 0;
background-color: var(--Base-Surface-Primary-light-Normal);
}
.desktop {
display: none;
}
/* Meeting booking widget changes design at 948px */
@media screen and (min-width: 948px) {
.mobile {
display: none;
}
.desktop {
display: flex;
gap: var(--Spacing-x2);
}
}