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:
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…"
|
||||
|
||||
Reference in new issue
Block a user