fix: show sidebar in mobile viewports for content pages

2024-09-27 11:50:58 +02:00
parent ff34ae3c0f
commit 621a37cd5d
2 changed files with 9 additions and 1 deletions
--- a/components/ContentType/ContentPage/contentPage.module.css
+++ b/components/ContentType/ContentPage/contentPage.module.css
@@ -4,6 +4,8 @@

 .contentPage {
  padding-bottom: var(--Spacing-x9);
+  container-name: content-page;
+  container-type: inline-size;
 }

 .header {
--- a/components/Sidebar/sidebar.module.css
+++ b/components/Sidebar/sidebar.module.css
@@ -8,10 +8,16 @@
  padding: var(--Spacing-x0) var(--Spacing-x2);
 }

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