Ersetzt die horizontale Kopfzeilen-Navigation durch eine feste Sidebar links: gruppiert nach Betrieb / Arbeit / Ernte & Lager / Verwaltung mit Icon+Label je Eintrag, um kognitive Last zu reduzieren. Aktiver Zustand klar farblich hervorgehoben. Mobile Ansicht (Bottom-Nav + FAB) bleibt unveraendert bestehen. Sanfte, kurze Seitenuebergangsanimation (PageTransition, respektiert prefers-reduced-motion ueber motion-safe:) fuer Orientierung ohne Ablenkung. Ausserdem: wiederkehrenden Anzeigefehler in Status-Filtern behoben (Select zeigte den rohen Sentinel-Wert "ALL" statt "Alle Status" an) auf Voelker-, Honigchargen-, Aufgaben-, Koeniginnen- und Bienenstand-Listen. Live in Desktop-, Tablet- und Mobilbreite verifiziert, kein horizontales Overflow.
14 lines
315 B
TypeScript
14 lines
315 B
TypeScript
"use client";
|
|
|
|
import { ReactNode } from "react";
|
|
import { usePathname } from "next/navigation";
|
|
|
|
export function PageTransition({ children }: { children: ReactNode }) {
|
|
const pathname = usePathname();
|
|
return (
|
|
<div key={pathname} className="motion-safe:animate-page-in">
|
|
{children}
|
|
</div>
|
|
);
|
|
}
|