Startseite und Kabelüberwachung

This commit is contained in:
ISA
2024-09-23 12:36:54 +02:00
parent c9e55dd66c
commit 067d2e0200
11 changed files with 216 additions and 173 deletions

View File

@@ -1,21 +1,26 @@
// src/components/Layout.jsx
"use client"; // Ganz oben hinzufügen
import React from "react";
import Header from "../components/Header"; // Passe den Pfad an, falls nötig
import Navigation from "../components/Navigation"; // Passe den Pfad an, falls nötig
import Footer from "../components/Footer"; // Passe den Pfad an, falls nötig
import Header from "../components/Header";
import Navigation from "../components/Navigation";
import Footer from "../components/Footer";
import "../app/globals.css";
function Layout({ children }) {
// Diese Datei befindet sich in /app/layout.jsx
export default function RootLayout({ children }) {
return (
<div className="bg-gray-100 flex flex-col min-h-screen">
<Header className="bg-gray-300 p-4 flex-shrink-0" />
<div className="flex flex-grow w-full">
<Navigation />
{/* Der eigentliche Seiteninhalt */}
<main className="flex-1 p-8">{children}</main>
</div>
<Footer className="bg-gray-300 p-4 flex-shrink-0" />
</div>
<html lang="de">
<head>
{/* Hier können Meta-Tags oder Links für CSS hinzugefügt werden */}
</head>
<body className="bg-gray-100 flex flex-col min-h-screen">
{/* Hier das Layout mit Header, Navigation und Footer */}
<Header className="bg-gray-300 p-4 flex-shrink-0" />
<div className="flex flex-grow w-full">
<Navigation />
<main className="flex-1 p-8">{children}</main>
</div>
<Footer className="bg-gray-300 p-4 flex-shrink-0" />
</body>
</html>
);
}
export default Layout;