fix layout issues (t3-oss#595)

Author: corn-flour

www/src/components/navigation/sidebarToggle.astro

@@ -34,10 +34,10 @@ const isLanding = currentPage === "/";
 
 <script is:inline>
   const button = document.querySelector("#sidebar-toggle");
-  const body = document.querySelector("body");
 
   button.addEventListener("click", () => {
-    body.classList.toggle("mobile-sidebar-toggle");
+    // html query selector is already defined in the themeToggleButton script
+    html.classList.toggle("mobile-sidebar-toggle");
     button.toggleAttribute("aria-pressed");
     button.innerHTML =
       button.getAttribute("aria-pressed") === null

www/src/styles/global.css

@@ -109,6 +109,7 @@
 
   .mobile-sidebar-toggle {
     overflow: hidden;
+    height: 100vh;
   }
 
   .mobile-sidebar-toggle #grid-left {
@@ -169,7 +170,7 @@
     @apply mt-8 text-sm;
   }
   .markdown table > tbody > tr > td > a {
-    word-wrap: break-word;
+    overflow-wrap: anywhere;
   }
   .markdown table {
     @apply max-w-full table-fixed;