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

feat(SW-369): show sidebar on loyalty + loyalty & content page layout refactor

Browse Source
This commit is contained in:
Chuma McPhoy
2024-10-16 20:46:02 +02:00
parent 41e31375dd
commit df2203b97f
5 changed files with 21 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
components/ContentType/ContentPage/contentPage.module.css
View File

@@ -1,7 +1,5 @@
.contentPage {
padding-bottom: var(--Spacing-x9);
container-name: content-page;
container-type: inline-size;
}
.header {
@@ -35,12 +33,16 @@
.contentContainer {
display: grid;
padding: var(--Spacing-x4) var(--Spacing-x2) 0;
grid-template-areas:
"main"
"sidebar";
gap: var(--Spacing-x4);
align-items: start;
padding: var(--Spacing-x4) var(--Spacing-x2) 0;
}
.mainContent {
grid-area: main;
display: grid;
gap: var(--Spacing-x4);
width: 100%;
@@ -57,6 +59,7 @@
padding: var(--Spacing-x4) 0;
}
.contentContainer {
grid-template-areas: "main sidebar";
grid-template-columns: var(--max-width-text-block) 1fr;
gap: var(--Spacing-x9);
max-width: var(--max-width-content);