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

fix: show sidebar in mobile viewports for content pages

Browse Source
This commit is contained in:
Chuma McPhoy
2024-09-27 11:50:58 +02:00
parent ff34ae3c0f
commit 621a37cd5d
2 changed files with 9 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -4,6 +4,8 @@
.contentPage { .contentPage {
padding-bottom: var(--Spacing-x9); padding-bottom: var(--Spacing-x9);
container-name: content-page;
container-type: inline-size;
} }
.header { .header {

8
components/Sidebar/sidebar.module.css
View File

@@ -8,10 +8,16 @@
padding: var(--Spacing-x0) var(--Spacing-x2); padding: var(--Spacing-x0) var(--Spacing-x2);
} }
@media screen and (min-width: 1366px) { @media screen and (min-width: 1367px) {
.aside { .aside {
align-content: flex-start; align-content: flex-start;
display: grid; display: grid;
gap: var(--Spacing-x4); gap: var(--Spacing-x4);
} }
} }
@container content-page (max-width: 1366px) {
.aside {
display: grid;
}
}