General clean-up

2026-02-22 14:01:47 +01:00
parent 7ce44979b9
commit 7d04ceb2a3
17 changed files with 401 additions and 231 deletions
@@ -21,20 +21,21 @@ export default function Layout({ darkMode, setDarkMode }) {
    };

    return (
-        <div className="fixed inset-0 bg-zinc-50 dark:bg-zinc-950 text-zinc-900 dark:text-zinc-100 transition-colors selection:bg-orange-500/30 flex flex-col overflow-hidden">
-            <Navbar
-                title={navTitle}
-                subtitle={navSubtitle}
-                isAdmin={isAdmin}
-                onLogout={handleLogout}
-            />
+        <div className="absolute inset-0 bg-zinc-50 dark:bg-zinc-950 text-zinc-900 dark:text-zinc-100 transition-colors selection:bg-orange-500/30 flex flex-col overflow-hidden print:static print:overflow-visible print:h-auto print:bg-white print:text-black">
+            <div className="print:hidden shrink-0">
+                <Navbar
+                    title={navTitle}
+                    subtitle={navSubtitle}
+                    isAdmin={isAdmin}
+                    onLogout={handleLogout}
+                />
+            </div>

-            <main className="flex-1 overflow-hidden relative flex flex-col">
+            <main className="flex-1 overflow-hidden relative flex flex-col print:overflow-visible print:h-auto print:block">
                <Outlet context={{ setNavTitle, setNavSubtitle, isAdmin, showSettings, setShowSettings }} />
            </main>

-            {/* Dark Mode FAB */}
-            <div className="fixed bottom-6 sm:bottom-8 right-6 sm:right-8 z-40">
+            <div className="fixed bottom-6 sm:bottom-8 right-6 sm:right-8 z-40 print:hidden">
                <button
                    onClick={() => setDarkMode(!darkMode)}
                    title="Toggle Theme"