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

fix: update typography footer

Browse Source
This commit is contained in:
Christian Andolf
2025-05-23 16:14:39 +02:00
parent c27290717b
commit 6e089c6ca3
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
apps/scandic-web/components/Footer/Navigation/MainNav/index.tsx
View File

@@ -1,10 +1,10 @@
"use client" "use client"
import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon" import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
import { Typography } from "@scandic-hotels/design-system/Typography"
import SkeletonShimmer from "@/components/SkeletonShimmer" import SkeletonShimmer from "@/components/SkeletonShimmer"
import Link from "@/components/TempDesignSystem/Link" import Link from "@/components/TempDesignSystem/Link"
import Subtitle from "@/components/TempDesignSystem/Text/Subtitle"
import { trackFooterClick } from "@/utils/tracking" import { trackFooterClick } from "@/utils/tracking"
import styles from "./mainnav.module.css" import styles from "./mainnav.module.css"
@@ -20,7 +20,7 @@ export default function FooterMainNav({ mainLinks }: FooterMainNavProps) {
<ul className={styles.mainNavigationList}> <ul className={styles.mainNavigationList}>
{mainLinks.map((link) => ( {mainLinks.map((link) => (
<li key={link.title} className={styles.mainNavigationItem}> <li key={link.title} className={styles.mainNavigationItem}>
<Subtitle color="baseTextHighContrast" type="two" asChild> <Typography variant="Title/Subtitle/md">
<Link <Link
color="burgundy" color="burgundy"
href={link.url} href={link.url}
@@ -34,7 +34,7 @@ export default function FooterMainNav({ mainLinks }: FooterMainNavProps) {
color="Icon/Interactive/Secondary" color="Icon/Interactive/Secondary"
/> />
</Link> </Link>
</Subtitle> </Typography>
</li> </li>
))} ))}
</ul> </ul>
@@ -50,7 +50,7 @@ export function FooterMainNavSkeleton() {
<ul className={styles.mainNavigationList}> <ul className={styles.mainNavigationList}>
{items.map((x) => ( {items.map((x) => (
<li key={x} className={styles.mainNavigationItem}> <li key={x} className={styles.mainNavigationItem}>
<Subtitle color="baseTextHighContrast" type="two" asChild> <Typography variant="Title/Subtitle/md">
<span className={styles.mainNavigationLink}> <span className={styles.mainNavigationLink}>
<SkeletonShimmer width="80%" /> <SkeletonShimmer width="80%" />
<MaterialIcon <MaterialIcon
@@ -58,7 +58,7 @@ export function FooterMainNavSkeleton() {
color="Icon/Interactive/Secondary" color="Icon/Interactive/Secondary"
/> />
</span> </span>
</Subtitle> </Typography>
</li> </li>
))} ))}
</ul> </ul>