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

Merged in fix/hotel-subpages (pull request #1445)

Browse Source 
fix: add grid

* fix: add grid

* fix: add undefined check


Approved-by: Erik Tiekstra
Approved-by: Fredrik Thorsson
This commit is contained in:
Matilda Landström
2025-02-28 13:14:09 +00:00
parent 8355bf3d35
commit ce43587115
4 changed files with 11 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
apps/scandic-web/components/ContentType/HotelSubpage/Sidebar/MeetingsSidebar.tsx
View File

@@ -26,7 +26,7 @@ export default async function MeetingsSidebar({
<Title level="h3" as="h4"> <Title level="h3" as="h4">
{intl.formatMessage({ id: "Contact us" })} {intl.formatMessage({ id: "Contact us" })}
</Title> </Title>
<div> <div className={styles.contactDetails}>
<Link href={`tel:${phoneNumber}`}>{phoneNumber}</Link> <Link href={`tel:${phoneNumber}`}>{phoneNumber}</Link>
{country === Country.Finland ? ( {country === Country.Finland ? (
<Body> <Body>

2
apps/scandic-web/components/ContentType/HotelSubpage/Sidebar/RestaurantSidebar.tsx
View File

@@ -86,7 +86,7 @@ export default async function RestaurantSidebar({
<Title level="h3" as="h4"> <Title level="h3" as="h4">
{intl.formatMessage({ id: "Contact us" })} {intl.formatMessage({ id: "Contact us" })}
</Title> </Title>
<div> <div className={styles.contactDetails}>
{phoneNumber && ( {phoneNumber && (
<Link href={`tel:${phoneNumber}`}>{phoneNumber}</Link> <Link href={`tel:${phoneNumber}`}>{phoneNumber}</Link>
)} )}

4
apps/scandic-web/components/ContentType/HotelSubpage/Sidebar/sidebar.module.css
View File

@@ -19,6 +19,10 @@
display: none; display: none;
} }
.contactDetails {
display: grid;
}
@media (min-width: 1367px) { @media (min-width: 1367px) {
.sidebar { .sidebar {
grid-column: 2; grid-column: 2;

8
apps/scandic-web/components/ContentType/HotelSubpage/index.tsx
View File

@@ -108,9 +108,11 @@ export default async function HotelSubpage({
/> />
<Divider color="baseSurfaceSubtleHover" className={styles.divider} /> <Divider color="baseSurfaceSubtleHover" className={styles.divider} />
<main className={styles.mainContent}> <main className={styles.mainContent}>
<div className={styles.intro}> {pageData.elevatorPitch && (
<Preamble>{pageData.elevatorPitch}</Preamble> <div className={styles.intro}>
</div> <Preamble>{pageData.elevatorPitch}</Preamble>
</div>
)}
{pageData.mainBody && <HtmlContent html={pageData.mainBody} />} {pageData.mainBody && <HtmlContent html={pageData.mainBody} />}