Mk
/
supersam
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: align row-2 controls by bottom edge of input fields (SMS + toggle flush with dates)

This commit is contained in:
Hermes 2026-08-19 13:02:30 +02:00
parent ebff56c749
commit f5a06188a2
1 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/orders/OrderFilters.jsx
View File

@ -205,8 +205,10 @@ export const OrderFilters = ({ filters, setFilters, statusOptions = [], cities =
/> />
</div> </div>
{/* Row 2: Date range + SMS problems (width matches its text) + hide-completed toggle */} {/* Row 2: Date range + SMS problems (width matches its text) + hide-completed toggle.
<div className="flex flex-wrap items-center gap-3"> Align by the bottom edge of the input fields, not by center — dates have a
label above the field, so items-center would lift SMS/toggle above them. */}
<div className="flex flex-wrap items-end gap-3">
<DatePicker <DatePicker
value={filters.dateFrom || ""} value={filters.dateFrom || ""}
onChange={(v) => updateFilter("dateFrom", v)} onChange={(v) => updateFilter("dateFrom", v)}
@ -244,7 +246,6 @@ export const OrderFilters = ({ filters, setFilters, statusOptions = [], cities =
onChange={onToggleHideCompleted} onChange={onToggleHideCompleted}
label="Скрыть завершённые" label="Скрыть завершённые"
title="Доставленные и отгруженные заказы скрыты" title="Доставленные и отгруженные заказы скрыты"
className="mb-0.5"
/> />
)} )}
</div> </div>