fix(app): responsive content centering

NethermindEth · Nov 21, 2024 · c390ac7 · c390ac7
1 parent 615a273
commit c390ac7
Showing 1 changed file with 24 additions and 20 deletions.
diff --git a/styles.css b/styles.css
@@ -60,27 +60,31 @@ section.vocs_Sidebar_level
 }
 
 /* Make sidebar collapsible */
-@media screen and (min-width: 1080px) {
-  .vocs_DocsLayout_gutterLeft {
-    margin-left: 0;
-    transition: margin 0.3s ease;
-    width: var(--vocs-sidebar_width);
-  }
-  .sidebar_hidden .vocs_DocsLayout_gutterLeft {
-    margin-left: calc(var(--vocs-sidebar_width) * -1);
-  }
+.vocs_DocsLayout_gutterLeft {
+  top: 0;
+  left: 0;
+  bottom: 0;
+}
+.vocs_DocsLayout_gutterLeft {
+  margin-left: 0;
+  transition: margin 0.3s ease;
+  width: var(--vocs-sidebar_width);
+}
+.sidebar_hidden .vocs_DocsLayout_gutterLeft {
+  margin-left: calc(var(--vocs-sidebar_width) * -1);
+};
 
-  .vocs_DocsLayout_content_withSidebar {
-    margin-left: var(--vocs-sidebar_width);
-  }
-  .sidebar_hidden .vocs_DocsLayout_content_withSidebar {
-    margin-left: 0 !important;
-  }
-  .vocs_DocsLayout_content_withSidebar {
-    margin-left: var(--vocs-sidebar_width);
-    transition: margin 300ms ease !important;
-    max-width: unset;
-  }
+.vocs_DocsLayout_content_withSidebar {
+  margin-left: var(--vocs-sidebar_width);
+}
+.sidebar_hidden .vocs_DocsLayout_content_withSidebar {
+  margin-left: 0 !important;
+}
+.vocs_DocsLayout_content_withSidebar {
+  margin-left: var(--vocs-sidebar_width);
+  transition: margin 300ms ease !important;
+  max-width: unset;
+}
 
   .vocs_DesktopTopNav_logo a {
     margin-top: 2px !important;