fix(app): responsive content centering

NethermindEth · Nov 21, 2024 · a87235b · a87235b
1 parent c390ac7
commit a87235b
Showing 1 changed file with 27 additions and 24 deletions.
diff --git a/styles.css b/styles.css
@@ -60,31 +60,27 @@ section.vocs_Sidebar_level
 }
 
 /* Make sidebar collapsible */
-.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);
-};
+@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_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;
@@ -128,3 +124,10 @@ section.vocs_Sidebar_level
   left: 22px;
   justify-content: start;
 }
+
+/* Force show theme switcher */
+@media screen and (max-width: 1280px) {
+  .vocs_DesktopTopNav_hideCompact {
+    display: block;
+  }
+}