fix: updated to add a global footer with proper width

Kapil Gowru · Kapil Gowru · commit db86b600a3c8 · 2025-07-15T20:29:19.000-04:00
diff --git a/fern/footer-dist/index.html b/fern/footer-dist/index.html
@@ -5,6 +5,5 @@
 
 <body>
   <header id="fern-header"></header>
-  <footer id="fern-footer" style="margin-top:100px"></footer>
 </body>
 </html>
diff --git a/fern/footer-dist/output.js b/fern/footer-dist/output.js
diff --git a/fern/products/home/pages/welcome.mdx b/fern/products/home/pages/welcome.mdx
@@ -315,6 +315,7 @@ import { FernFooter } from "../../../components/FernFooter";
     </div>
 
     {/* Footer */}
-    <FernFooter />
+    {/* <FernFooter /> */}
+    {/* <div id="fern-footer"></div> */}
   </div>
 </div>
diff --git a/footer/index.html b/footer/index.html
@@ -2,7 +2,6 @@
 <html lang="en">
 <body>
   <header id="fern-header"></header>
-  <footer id="fern-footer" style="margin-top:100px"></footer>
   <script type="module" src="/src/main.tsx"></script>
 </body>
 </html>
diff --git a/footer/src/FernFooter.tsx b/footer/src/FernFooter.tsx
@@ -13,6 +13,10 @@ export const FernFooter: React.FC = () => {
       <style>{`
         .footer {
           padding: 3rem 2rem;
+          width: 100%;
+          max-width: var(--page-width,88rem);
+          margin: 0 auto;
+          border-top: 1px solid var(--border);
         }
 
         .footer-top {
