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

Merged in feat/SW-1951 (pull request #1575)

Browse Source 
Feat(SW-1951): Fix heading styling bug in hotel subpages

Approved-by: Erik Tiekstra
This commit is contained in:
Matilda Landström
2025-03-20 12:50:24 +00:00
parent cfdbdfc0bc
commit 68c000aa0f
20 changed files with 341 additions and 181 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
apps/scandic-web/components/OpeningHours/index.tsx
View File

@@ -1,5 +1,5 @@
import Body from "@/components/TempDesignSystem/Text/Body"
import Caption from "@/components/TempDesignSystem/Text/Caption"
import { Typography } from "@scandic-hotels/design-system/Typography"
import { getIntl } from "@/i18n"
import styles from "./openingHours.module.css"
@@ -95,20 +95,27 @@ export default async function OpeningHours({
return (
<div className={type === "default" ? styles.wrapper : ""}>
<Body textTransform="bold" asChild>
<Typography variant="Body/Paragraph/mdBold" className={styles.text}>
<h5>{heading ?? openingHours.name}</h5>
</Body>
</Typography>
{groupedOpeningHours.map((groupedOpeningHour) => {
return (
<Body color="uiTextHighContrast" key={groupedOpeningHour}>
{groupedOpeningHour}
</Body>
<Typography
variant="Body/Paragraph/mdRegular"
className={styles.text}
key={groupedOpeningHour}
>
<p>{groupedOpeningHour}</p>
</Typography>
)
})}
{alternateOpeningHours?.name ? (
<Caption color="uiTextMediumContrast">
{alternateOpeningHours.name}
</Caption>
<Typography
variant="Body/Supporting text (caption)/smRegular"
className={styles.caption}
>
<p>{alternateOpeningHours.name}</p>
</Typography>
) : null}
</div>
)

8
apps/scandic-web/components/OpeningHours/openingHours.module.css
View File

@@ -2,3 +2,11 @@
display: grid;
gap: var(--Spacing-x-half);
}
.caption {
color: var(--Text-Secondary);
}
.text {
color: var(--Text-Default);
}