Add overflow-x-hidden and move dvh and dvw to HTML element. Fixes #60 (#61)

AVGVSTVS96 · web-flow · commit 020405b53a91 · 2024-02-27T20:39:55.000-05:00
diff --git a/src/layouts/BaseLayout.astro b/src/layouts/BaseLayout.astro
@@ -6,7 +6,7 @@ import '@styles/global.css';
 const { description, title } = Astro.props;
 ---
 
-<html lang="en" class="dark min-h-dvh scroll-pt-16">
+<html lang="en" class="dark min-h-dvh w-dvw scroll-pt-16 overflow-x-hidden">
   <head>
     <meta charset="utf-8" />
     <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
@@ -16,7 +16,7 @@ const { description, title } = Astro.props;
     <title>{title}</title>
     <slot name="head" />
   </head>
-  <body class="flex flex-col items-center min-w-[100dvw] min-h-[100dvh]">
+  <body class="flex flex-col items-center">
     <NavBar />
     <slot />
     <Footer />
