fix(admin-ui): audit — компактнее панель фильтров + popover календаря

1. DateRangePicker popover. PopoverContent имел default w-72 (288px),
   а DayPicker с numberOfMonths={2} требует ~560px. Из-за этого второй
   месяц переносился под первый, popover вылазил поверх таблицы аудита
   и кнопок «Сбросить/Применить». Override на p-3 w-auto max-w-[min(95vw,640px)]
   — два месяца теперь side-by-side, popover floats как должно.

2. Панель фильтров /audit. Было: 3-col grid с 4 input'ами + DateRange
   span'ит 2 cols на отдельной строке. Стало: на xl (≥1280px) все 5
   полей inline в одну строку (lg → 3 cols, sm → 2, mobile → 1).
   Padding p-4 space-y-3 → p-3 space-y-2. Убран border-t на action row
   — визуальный шум.

Изменения только на /audit (date-range-picker — shared компонент,
но используется только в audit-фильтрах сейчас; рендер других мест
не страдает — popover просто шире, w-auto не ломает узкий контент).
This commit is contained in:
Zimin A.N.
2026-05-25 15:36:32 +03:00
parent 712866a178
commit 2548f24aff
2 changed files with 31 additions and 27 deletions
@@ -161,7 +161,11 @@ export function DateRangePicker({
)}
</button>
</PopoverTrigger>
<PopoverContent align="start" className="p-3">
{/* PopoverContent default w-72 (288px) — DayPicker mode=range
numberOfMonths={2} требует ~560px, иначе второй месяц переносится
под первый и popover вылазит поверх контента ниже. На <620px
(mobile/narrow) — один месяц чтобы помещалось в w-72-aware viewport. */}
<PopoverContent align="start" className="p-3 w-auto max-w-[min(95vw,640px)]">
<PopoverPrimitive.Close className="hidden" />
<React.Suspense
fallback={