From 064a4aa8289a831127c05dacfce49c94f9dcc056 Mon Sep 17 00:00:00 2001
From: Jesse Wierzbinski <contact@cpluspatch.com>
Date: Sun, 21 Sep 2025 17:07:59 +0200
Subject: [PATCH] fix: :lipstick: Remove navbar and footer on print

---
 components/Footer.tsx | 2 +-
 components/Layout.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/Footer.tsx b/components/Footer.tsx
index 43bb81f..9c83278 100644
--- a/components/Footer.tsx
+++ b/components/Footer.tsx
@@ -129,7 +129,7 @@ function SmallPrint() {
 
 export function Footer() {
     return (
-        <footer className="mx-auto w-full max-w-2xl space-y-10 pb-16 lg:max-w-5xl">
+        <footer className="mx-auto w-full max-w-2xl space-y-10 pb-16 lg:max-w-5xl print:hidden">
             <PageNavigation />
             <SmallPrint />
         </footer>
diff --git a/components/Layout.tsx b/components/Layout.tsx
index b07de15..af02915 100644
--- a/components/Layout.tsx
+++ b/components/Layout.tsx
@@ -25,7 +25,7 @@ export function Layout({
             <div className="h-full lg:ml-72 xl:ml-80">
                 <motion.header
                     layoutScroll={true}
-                    className="contents lg:pointer-events-none lg:fixed lg:inset-0 lg:z-40 lg:flex"
+                    className="contents lg:pointer-events-none lg:fixed lg:inset-0 lg:z-40 lg:flex print:hidden"
                 >
                     <div className="contents lg:pointer-events-auto lg:block lg:w-72 lg:overflow-y-auto lg:border-r lg:border-zinc-900/10 lg:px-6 lg:pb-8 lg:pt-4 xl:w-80 lg:dark:border-white/10">
                         <div className="hidden lg:flex">