wrapper div

viperML · Jul 1, 2024 · b296570 · b296570
1 parent 26a4924
commit b296570
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 9 deletions.
diff --git a/src/components/NavBar.astro b/src/components/NavBar.astro
@@ -11,7 +11,7 @@ import logo from '../img/avatar-text.svg';
     </a>
     <ul class="flex gap-4">
       <a href="/blog/">Blog</a>
-      <a id="themeToggle">Theme</a>
+      <!-- <a id="themeToggle">Theme</a> -->
     </ul>
 
   </nav>

diff --git a/src/layouts/Base.astro b/src/layouts/Base.astro
@@ -14,26 +14,38 @@ import Footer from "../components/Footer.astro";
   <body class="text-base flex flex-col items-center">
     <NavBar />
 
-    <main class="max-w-4xl mx-3">
-      <slot />
+    <div class="wrapper">
+      <main>
+        <slot />
 
-      <Footer />
-    </main>
+        <Footer />
+      </main>
+    </div>
   </body>
 </html>
 
 <style>
+  .wrapper {
+    max-width: 100vw;
+    background-color: red;
+  }
+
   main {
-    word-break: break-word;
-    /* overflow-wrap: break-word; */
+    /* word-break: break-word; */
+    overflow-wrap: break-word;
+
+    max-width: 800px;
+    padding-left: 10px;
+    padding-right: 10px;
+    background-color: aquamarine;
   }
 </style>
 
 <style is:global>
   .astro-code {
     overflow-x: scroll !important;
     white-space: pre;
-    max-width: 100vw;
+    max-width: 100%;
   }
 
   h1 {
@@ -46,7 +58,6 @@ import Footer from "../components/Footer.astro";
     font-weight: 700;
     font-size: 1.5em;
   }
-
 </style>
 
 <script is:inline>