fixed the container height (#16)

* fixed the container height * Scroll bar fixes * Scrollbar fix * Update default.html
ScottLogic · Feb 20, 2024 · 41c0813 · 41c0813
1 parent c314aa6
commit 41c0813
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -20,7 +20,7 @@
     </nav>
 
     <!-- MAIN CONTENT -->
-    <main class="container min-h-[calc(100vh-208px)] max-w-7xl w-full px-2 py-4 mx-auto font-light prose dark:prose-invert prose-headings:font-light">
+    <main class="container min-h-[calc(100vh-214px)] max-w-7xl w-full px-2 py-4 mx-auto font-light prose dark:prose-invert prose-headings:font-light">
       {{ content }}
     </main>
 

diff --git a/assets/css/main.css b/assets/css/main.css
@@ -8,6 +8,11 @@
 @layer base {
   html {
     font-size: 16px;
+    scrollbar-gutter: stable;
+  }
+
+  body {
+    overflow-y: scroll;
   }
 
   a {