feat(frontend): PageHeader auf den restlichen Hauptseiten

Inventar, Produkte, Lager, Kalender, Suche und Audit-Log bekommen den
gleichen Gradient-Icon-Header wie die uebrigen Seiten. Lager-Seite hatte
zwei h1-artige Ueberschriften fuer zwei Abschnitte (Lagerbehaelter/
Lagerartikel) auf einer Seite; jetzt ein PageHeader fuer die Seite plus
gleich grosse Unterueberschriften fuer beide Abschnitte statt
uneinheitlicher Groessen.
This commit is contained in:
Nick Szaunig committed 2026-08-23 20:48:03 +02:00
1 parent 805effb60b
commit 6c764bf885
6 files changed
+54 -26

No files matched your search

@@ -2,11 +2,13 @@
import { useState } from "react";
import Link from "next/link";
import { Search as SearchIcon } from "lucide-react";
import { useQuery } from "@tanstack/react-query";
import { search } from "@/lib/search/api";
import { SearchResult, SearchResultType } from "@/lib/search/types";
import { Badge } from "@/components/ui/badge";
import { Input } from "@/components/ui/input";
import { PageHeader } from "@/components/page-header";
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
const TYPE_LABELS: Record<SearchResultType, string> = {
@@ -43,7 +45,7 @@ export default function SearchPage() {
return (
<main className="flex flex-col gap-4 p-4 sm:p-6">
<h1 className="text-2xl font-semibold tracking-tight">Suche</h1>
<PageHeader icon={SearchIcon} title="Suche" description="Alles auf einen Blick finden" />
<Input
className="h-11 max-w-lg"
placeholder="Bienenstand, Volk, Königin, Aufgabe, Charge…"