diff --git a/app/globals.css b/app/globals.css index efe68a1..9e4b90b 100644 --- a/app/globals.css +++ b/app/globals.css @@ -247,3 +247,14 @@ textarea:focus-visible { @media (min-width: 1128px) { .section-y { padding-block: var(--section-y-desktop); } } + +/* Print styles — hide nav, footer, back button */ +@media print { + nav, footer, .no-print { display: none !important; } + body { background: white !important; color: black !important; } + .bg-surface { background: white !important; border-color: #ccc !important; } + .bg-surface-warm { background: #f9f9f9 !important; } + .container-x { max-width: 100% !important; padding: 0 !important; } + a { color: inherit !important; text-decoration: none !important; } + button { display: none !important; } +} diff --git a/app/registrations/[id]/page.tsx b/app/registrations/[id]/page.tsx index bde2cb5..1eb11f4 100644 --- a/app/registrations/[id]/page.tsx +++ b/app/registrations/[id]/page.tsx @@ -4,6 +4,7 @@ import { fetchCollection, fetchRecord } from "@/lib/pb"; import type { PBList, PBRecord } from "@/lib/pb"; import PageHeader from "@/components/PageHeader"; +import PrintButton from "@/components/PrintButton"; import Link from "next/link"; import { notFound } from "next/navigation"; @@ -123,9 +124,12 @@ export default async function RegistrationDetailPage({ params }: { params: { id: title={reg.reference_name || "Registration"} subtitle={"Status: " + (status.charAt(0).toUpperCase() + status.slice(1))} action={ - - ← Back to list - +