- GEFIM-Farbwelt aus dem Mockup als shadcn-Theme: Violett #5d52a3 als Primärfarbe, Magenta/Hellblau-Akzente, Ink-Text, #f5f6fa-Hintergrund, Verlaufs-Utilities (bg-grad, bg-grad-soft), Karten-Schatten - Fonts Poppins (Überschriften/Buttons) + Open Sans (Text), self-hosted über next/font — kein Google-CDN-Aufruf zur Laufzeit (DSGVO) - Sidebar mit extrahiertem GEFIM-Logo (public/gefim-logo.png), aktive Navigation in Violett wie im Prototyp - Sticky Topbar mit globaler Suche (leitet vorerst auf die Asset-Suche), Nutzer-Info und Verlaufs-Avatar mit Initialen; Logout in die Topbar - Primär-Buttons mit Verlaufshintergrund, Level-Badges als Pillen in Mockup-Farben, Login-Seite im GEFIM-Look - Dashboard im Mockup-Stil: KPI-Karten (Assets, Prozesse, kritische Prozesse, Risiken-Platzhalter) und Letzte-Aktivitäten-Feed aus dem echten Audit-Log Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
44 lines
1.1 KiB
TypeScript
44 lines
1.1 KiB
TypeScript
import type { Metadata } from "next";
|
|
import { Open_Sans, Poppins } from "next/font/google";
|
|
import { NextIntlClientProvider } from "next-intl";
|
|
import { getLocale } from "next-intl/server";
|
|
import "./globals.css";
|
|
|
|
// Self-hosted über next/font (kein Google-CDN-Aufruf zur Laufzeit, DSGVO)
|
|
const openSans = Open_Sans({
|
|
variable: "--font-open-sans",
|
|
subsets: ["latin"],
|
|
weight: ["300", "400", "600", "700"],
|
|
});
|
|
|
|
const poppins = Poppins({
|
|
variable: "--font-poppins",
|
|
subsets: ["latin"],
|
|
weight: ["300", "500", "600", "700"],
|
|
});
|
|
|
|
export const metadata: Metadata = {
|
|
title: "ISMS-Tool",
|
|
description:
|
|
"Informationssicherheits-Managementsystem für ISO/IEC 27001:2022 und TISAX/VDA-ISA",
|
|
};
|
|
|
|
export default async function RootLayout({
|
|
children,
|
|
}: Readonly<{
|
|
children: React.ReactNode;
|
|
}>) {
|
|
const locale = await getLocale();
|
|
|
|
return (
|
|
<html
|
|
lang={locale}
|
|
className={`${openSans.variable} ${poppins.variable} h-full antialiased`}
|
|
>
|
|
<body className="min-h-full flex flex-col bg-background text-foreground">
|
|
<NextIntlClientProvider>{children}</NextIntlClientProvider>
|
|
</body>
|
|
</html>
|
|
);
|
|
}
|