feat:sw-561 updated design

This commit is contained in:
Linus Flood
2024-10-11 12:58:46 +02:00
parent 79a01ae699
commit 1408284af8
7 changed files with 26 additions and 17 deletions

View File

@@ -1,5 +1,4 @@
.layout {
background-color: var(--Base-Background-Primary-Normal);
display: grid;
font-family: var(--typography-Body-Regular-fontFamily);
gap: var(--Spacing-x3);
@@ -9,6 +8,10 @@
margin: 0 auto;
}
.container {
background-color: var(--Base-Background-Primary-Normal);
}
.content {
display: grid;
padding-bottom: var(--Spacing-x9);

View File

@@ -9,12 +9,14 @@ export default async function MyPagesLayout({
breadcrumbs: React.ReactNode
}>) {
return (
<section className={styles.layout}>
{breadcrumbs}
<section className={styles.content}>
<Sidebar />
{children}
<div className={styles.container}>
<section className={styles.layout}>
{breadcrumbs}
<section className={styles.content}>
<Sidebar />
{children}
</section>
</section>
</section>
</div>
)
}

View File

@@ -1,5 +1,4 @@
.layout {
background-color: var(--Base-Background-Primary-Normal);
display: grid;
font-family: var(--typography-Body-Regular-fontFamily);
gap: var(--Spacing-x3);
@@ -8,3 +7,7 @@
margin: 0 auto;
max-width: var(--max-width);
}
.container {
background-color: var(--Base-Background-Primary-Normal);
}

View File

@@ -16,9 +16,11 @@ export default function ContentTypeLayout({
}
>) {
return (
<section className={styles.layout}>
{breadcrumbs}
{children}
</section>
<div className={styles.container}>
<section className={styles.layout}>
{breadcrumbs}
{children}
</section>
</div>
)
}

View File

@@ -1,6 +1,4 @@
.layout {
min-height: 100dvh;
background-color: var(--Base-Background-Primary-Normal);
max-width: var(--max-width);
margin: 0 auto;
}

View File

@@ -5,6 +5,8 @@
background-color: var(--Scandic-Brand-Warm-White);
min-height: 100dvh;
flex-direction: column;
max-width: var(--max-width);
margin: 0 auto;
}
.section {

View File

@@ -7,9 +7,8 @@
}
.content {
max-width: 1434px;
margin-left: auto;
margin-right: auto;
max-width: var(--max-width);
margin: 0 auto;
display: flex;
flex-direction: column;
gap: var(--Spacing-x7);