style: UI-Filterzeile visuell vereinheitlicht – vertikale Ausrichtung und Höhe angepasst

- 'items-end' durch 'items-center' ersetzt für mittige Ausrichtung der Filterzeile
- Button- und Listbox-Komponenten optisch auf gleiche Höhe gebracht
- Einheitliches Erscheinungsbild von DatePicker, Anzeigen-Button und Quellen-Dropdown
This commit is contained in:
ISA
2025-07-07 12:13:26 +02:00
parent 28441eebf1
commit 31223ffc64
6 changed files with 16 additions and 7 deletions

View File

@@ -50,7 +50,7 @@ export default function MeldungenView() {
<div className="flex flex-col gap-3 p-4 h-[calc(100vh-13vh-8vh)]">
<h1 className="text-xl font-bold mb-4">Berichte</h1>
<div className="flex flex-wrap gap-6 mb-6 items-end">
<div className="flex flex-wrap gap-6 mb-6 items-center">
<DateRangePickerMeldungen
fromDate={fromDate}
toDate={toDate}
@@ -66,7 +66,7 @@ export default function MeldungenView() {
<Listbox value={sourceFilter} onChange={setSourceFilter}>
<div className="relative ml-6 w-64">
<Listbox.Button className="w-full border px-4 py-3 rounded text-left bg-white flex justify-between items-center">
<Listbox.Button className="w-full border px-4 py-2 rounded text-left bg-white flex justify-between items-center">
<span>{sourceFilter}</span>
<svg
className="w-5 h-5 text-gray-400"