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

Merged in feat/SW-1762 (pull request #2050)

Browse Source 
feat: make enter details bottom sheet pixed, and add spacing at the bottom of page

* feat: make enter details bottom sheet pixed, and add spacing at the bottom of page


Approved-by: Arvid Norlin
This commit is contained in:
Simon.Emanuelsson
2025-05-12 10:19:39 +00:00
parent 60af31762b
commit 1108105580
10 changed files with 110 additions and 72 deletions
Download Patch File Download Diff File Expand all files Collapse all files

84
apps/scandic-web/components/Footer/Navigation/SecondaryNav/index.tsx
View File

@@ -29,32 +29,34 @@ export default function FooterSecondaryNav({
>
{appDownloads.title}
</Caption>
<ul className={styles.secondaryNavigationList}>
{appDownloads.links.map(
({ href, type }) =>
href && (
<li key={type} className={styles.appDownloadItem}>
<a
href={href.href}
target="_blank"
aria-label={href.title}
onClick={() => trackSocialMediaClick(href.title)}
>
<Image
src={
AppDownLoadLinks[
`${type}_${lang}` as keyof typeof AppDownLoadLinks
]
}
alt=""
width={125}
height={40}
/>
</a>
</li>
)
)}
</ul>
{appDownloads.links.length ? (
<ul className={styles.secondaryNavigationList}>
{appDownloads.links.map(
({ href, type }) =>
href && (
<li key={type} className={styles.appDownloadItem}>
<a
href={href.href}
target="_blank"
aria-label={href.title}
onClick={() => trackSocialMediaClick(href.title)}
>
<Image
src={
AppDownLoadLinks[
`${type}_${lang}` as keyof typeof AppDownLoadLinks
]
}
alt=""
width={125}
height={40}
/>
</a>
</li>
)
)}
</ul>
) : null}
</nav>
)}
{secondaryLinks.map((group) => (
@@ -66,20 +68,22 @@ export default function FooterSecondaryNav({
>
{group.title}
</Caption>
<ul className={styles.secondaryNavigationList}>
{group?.links?.map((link) => (
<li key={link.title} className={styles.secondaryNavigationItem}>
<Link
href={link.url}
target={link.openInNewTab ? "_blank" : undefined}
color="burgundy"
onClick={() => trackFooterClick(group.title, link.title)}
>
{link.title}
</Link>
</li>
))}
</ul>
{group?.links.length ? (
<ul className={styles.secondaryNavigationList}>
{group.links.map((link) => (
<li key={link.title} className={styles.secondaryNavigationItem}>
<Link
href={link.url}
target={link.openInNewTab ? "_blank" : undefined}
color="burgundy"
onClick={() => trackFooterClick(group.title, link.title)}
>
{link.title}
</Link>
</li>
))}
</ul>
) : null}
</nav>
))}
</div>

6
apps/scandic-web/components/Footer/Navigation/SecondaryNav/secondarynav.module.css
View File

@@ -2,7 +2,6 @@
display: flex;
flex-direction: column-reverse;
gap: var(--Spacing-x6);
margin-top: var(--Spacing-x6);
}
.secondaryNavigationList {
@@ -35,14 +34,15 @@
@media screen and (min-width: 768px) {
.secondaryNavigation {
margin-top: var(--Spacing-x4);
gap: 120px;
flex-direction: row;
}
}
@media screen and (min-width: 1367px) {
.secondaryNavigation {
margin-top: 0;
gap: 80px;
grid-column: 2;
justify-self: flex-end;
}
}