Remove duplicate main elements

DilsonsPickles · DilsonsPickles · commit b0f5a5953f97 · 2025-03-25T15:32:52.000+11:00
diff --git a/src/layouts/BaseLayout.astro b/src/layouts/BaseLayout.astro
@@ -28,7 +28,7 @@ const isPostDownloadPage = Astro.request.url.includes("/post-download");
     <meta name="viewport" content="width=device-width" />
     <link rel="icon" type="image/svg+xml" href="/favicon.png" />
     <style is:global>
-      @import '../styles/input.css';
+      @import "../styles/input.css";
     </style>
     <meta name="generator" content={Astro.generator} />
     <link rel="sitemap" href="/sitemap-index.xml" />
@@ -43,26 +43,24 @@ const isPostDownloadPage = Astro.request.url.includes("/post-download");
     <title>{title}</title>
     <script src="../assets/js/matomoTracking.js"></script>
   </head>
-  <body data-branch={import.meta.env.NETLIFY_CONTEXT || process.env.CONTEXT || 'main'}>
+  <body
+    data-branch={import.meta.env.NETLIFY_CONTEXT ||
+      process.env.CONTEXT ||
+      "main"}
+  >
     <a class="skip-to-content" href="#main" aria-label="Skip to content"
-    >Skip to content</a
+      >Skip to content</a
     >
     <header class="z-50 sticky left-0 right-0 top-0">
       <NavigationReact client:load currentURL={Astro.request.url} />
       <BetaBanner client:load url={Astro.request.url} />
       <SurveyBanner client:load url={Astro.request.url} />
       {false && <PromoBanner client:load />}
     </header>
-    
-    <main class="flex flex-col">
-    <div class="flex-1">
-      <slot />
-    </div>
-    </main>
-      <Footer />
-      <CookieConsent client:load />
-      <script src="../assets/js/cookieConsent.js"></script>
-    </body>
-
 
+    <slot />
+    <Footer />
+    <CookieConsent client:load />
+    <script src="../assets/js/cookieConsent.js"></script>
+  </body>
 </html>
diff --git a/src/layouts/DownloadPageLayout.astro b/src/layouts/DownloadPageLayout.astro
@@ -36,7 +36,7 @@ const {
 <BaseLayout title={title} description={description}>
   <main class="max-w-screen-md mx-auto">
     <section id="main" class="py-12">
-      <div class="flex flex-col gap-4 col-start-2 col-span-10 items-center">
+      <div class="flex flex-col gap-4 col-start-2 col-span-10 items-center ">
         <div class=`h-8 w-8 ${iconColor}`>
           <Icon pack="fa-brands" name={iconName} />
         </div>
diff --git a/src/pages/download.astro b/src/pages/download.astro
@@ -9,7 +9,7 @@ const { version, src } = audacityReleases;
 ---
 
 <BaseLayout title="Audacity ® | Downloads" description="Download Audacity for Windows, macOS and Linux">
-  <main id="main" class="max-w-screen-xl mx-auto">
+  <main id="main" class="max-w-screen-xl mx-auto flex-1 flex flex-col min-h-[calc(100vh-471px)]">
     <div class="grid grid-cols-12 py-12 gap-y-12">
       <div class="col-start-2 col-span-10 sm:text-center">
         <h1>Downloads</h1>
