tweak overflow

viperML · Jul 3, 2024 · 2f442cd · 2f442cd
1 parent 6d7b1c6
commit 2f442cd
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 6 deletions.
diff --git a/src/layouts/Base.astro b/src/layouts/Base.astro
@@ -14,16 +14,18 @@ import Footer from "../components/Footer.astro";
   <body class="text-base flex flex-col items-center">
     <NavBar />
 
-    <div id="content" class="max-w-6xl px-3">
-      <slot/>
+    <div class="max-w-full"> <!-- Wrapper to limit width -->
+      <main class="max-w-6xl px-3">
+        <slot/>
 
-      <Footer/>
+        <Footer/>
+      </main>
     </div>
   </body>
 </html>
 
 <style>
-  #content {
+  main {
     /* word-break: break-word; */
     overflow-wrap: break-word;
     background-color: aquamarine;
@@ -32,9 +34,10 @@ import Footer from "../components/Footer.astro";
 
 <style is:global>
   .astro-code {
-    /* overflow-x: scroll !important; */
+    overflow-x: scroll !important;
     white-space: pre;
     max-width: 100%;
+    min-width: 0px;
   }
 
   h1 {

diff --git a/src/pages/blog/[...slug].astro b/src/pages/blog/[...slug].astro
@@ -16,7 +16,7 @@ import Base from "../../layouts/Base.astro";
 ---
 
 <Base>
-  <section class="">
+  <section>
     <h1>{entry.data.title}</h1>
 
     <Content />