since3-website/app/(legal)/layout.tsx
2026-09-25 18:53:25 +02:00

22 lines
803 B
TypeScript

import Link from "next/link";
import { ArrowLeft } from "lucide-react";
// Shared frame for Impressum and Datenschutz: light page, one readable column
export default function LegalLayout({ children }: { children: React.ReactNode }) {
return (
<section data-theme="light" className="min-h-svh pt-32 pb-section md:pt-40">
<div className="container-site">
<div className="mx-auto max-w-176">
<Link
href="/"
className="inline-flex items-center gap-2 font-mono text-label text-fg-muted transition-colors hover:text-fg"
>
<ArrowLeft className="size-4" aria-hidden />
Zur Startseite
</Link>
<article className="legal-prose mt-10">{children}</article>
</div>
</div>
</section>
);
}