Fix overflow issues

withastro · Nov 27, 2024 · f13ff89 · f13ff89
1 parent 1dcb3e6
commit f13ff89
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/pages/latest/preview/[slug].astro b/src/pages/latest/preview/[slug].astro
@@ -18,7 +18,7 @@ const { example } = Astro.props;
 const previewImage = await example.loadPreviewImage?.();
 ---
 
-<html lang="en" class="h-full overflow-x-hidden bg-astro-gray-700 text-astro-gray-100">
+<html lang="en" class="h-full overflow-hidden bg-astro-gray-700 text-astro-gray-100">
 	<head>
 		<Head
 			title=`Preview: ${example.title}`
@@ -31,7 +31,7 @@ const previewImage = await example.loadPreviewImage?.();
 
 	<body class="grid h-full grid-rows-[auto,1fr]">
 		<header
-			class="noise-container z-10 grid h-24 grid-cols-[1fr,auto,1fr] items-center gap-6 overflow-x-hidden border-b border-astro-gray-100/20 px-8 supports-[overflow-x:clip]:overflow-x-clip"
+			class="noise-container z-10 grid h-24 grid-cols-[1fr,auto,1fr] items-center gap-6 border-b border-astro-gray-100/20 px-8"
 		>
 			<div class="noise"></div>
 			<a
@@ -52,7 +52,7 @@ const previewImage = await example.loadPreviewImage?.();
 		</header>
 
 		<main
-			class="md:md-y:pb-8 lg:md-y:p-16 noise-container bg-gradient-to-b from-transparent via-transparent to-astro-purple/5 md:p-8 md:pb-0"
+			class="md:md-y:pb-8 lg:md-y:p-16 noise-container overflow-x-hidden bg-gradient-to-b from-transparent via-transparent to-astro-purple/5 supports-[overflow-x:clip]:overflow-x-clip md:p-8 md:pb-0"
 			aria-labelledby="site-preview"
 		>
 			<GridGradientsAndNoise />