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

fix: header on startpage is now full width

Browse Source
This commit is contained in:
Christian Andolf
2025-01-31 14:34:07 +01:00
parent b6d8431e82
commit d02c1d5266
1 changed files with 28 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
components/ContentType/StartPage/index.tsx
View File

@@ -23,7 +23,7 @@ export default async function StartPage() {
const { header, blocks } = content.startPage const { header, blocks } = content.startPage
return ( return (
<PageContainer> <>
<header className={styles.header}> <header className={styles.header}>
<div className={styles.headerContent}> <div className={styles.headerContent}>
<Title color="white" textAlign="center"> <Title color="white" textAlign="center">
@@ -41,34 +41,36 @@ export default async function StartPage() {
} }
src={header.hero_image.url} src={header.hero_image.url}
focalPoint={header.hero_image.focalPoint} focalPoint={header.hero_image.focalPoint}
width={1512} sizes="100vw"
height={560} fill
/> />
) : null} ) : null}
</header> </header>
<main className={styles.main}> <PageContainer>
{blocks <main className={styles.main}>
? blocks.map((block) => { {blocks
if (block.typename === BlocksEnums.block.FullWidthCampaign) { ? blocks.map((block) => {
return ( if (block.typename === BlocksEnums.block.FullWidthCampaign) {
<FullWidthCampaign return (
key={block.typename} <FullWidthCampaign
content={block.full_width_campaign} key={block.typename}
/> content={block.full_width_campaign}
) />
} )
}
return ( return (
<div key={block.typename} className={styles.section}> <div key={block.typename} className={styles.section}>
<Blocks blocks={[block]} /> <Blocks blocks={[block]} />
</div> </div>
) )
}) })
: null} : null}
</main> </main>
<Suspense fallback={null}> <Suspense fallback={null}>
<TrackingSDK pageData={content.tracking} /> <TrackingSDK pageData={content.tracking} />
</Suspense> </Suspense>
</PageContainer> </PageContainer>
</>
) )
} }