prevents white space bounce after scrolling to the top of the page

marinecoders · Apr 26, 2024 · bbe98e3 · bbe98e3
1 parent 7bb4db3
commit bbe98e3
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
@@ -18,7 +18,7 @@ const { title = null } = Astro.props
 ---
 
 <!doctype html>
-<html lang="en">
+<html lang="en" class="overflow-hidden h-full">
   <head>
     <meta charset="UTF-8" />
     <meta name="description" content="Astro description" />
@@ -32,7 +32,7 @@ const { title = null } = Astro.props
     <title>MCSWF {title && '-'} {title}</title>
   </head>
   <body
-    class="font-expressway bg-opacity-40 text-white bg-custom-gradient-red bg-cover bg-center">
+    class="overflow-auto h-full font-expressway bg-opacity-40 text-white bg-custom-gradient-red bg-cover bg-center">
     <Banner />
     <header class="w-full sticky top-0 z-30">
       <Navigation client:only="svelte" />