Update GenerateGridDialog layout for improved usability and responsiveness
ci / build-backend (push) Successful in 2m35s
ci / build-frontend (push) Successful in 1m13s
ci / tests (push) Successful in 2m54s
ci / sonar (push) Successful in 6m18s

Adjusted the GenerateGridDialog component to enhance its layout by increasing the maximum width and ensuring proper scrolling behavior. This change improves accessibility for users when interacting with long slot lists, maintaining a user-friendly interface.
This commit is contained in:
Leonid Pershin
2026-07-27 08:26:24 +03:00
parent 6306919ecd
commit a302750de6
@@ -73,7 +73,7 @@ export function GenerateGridDialog({
{/* Окно не выше экрана: список слотов на неделю длинный, и без ограничения диалог вылезал
за оба края — верх с выбором профиля становился недостижим. Скроллится тело, шапка
и кнопки остаются на месте. */}
<DialogContent className="flex max-h-[90vh] max-w-3xl flex-col">
<DialogContent className="flex max-h-[90vh] w-[calc(100%-2rem)] max-w-5xl flex-col">
<DialogHeader>
<DialogTitle>{t('admin.channels.generate.title')}</DialogTitle>
<DialogDescription>{t('admin.channels.generate.hint')}</DialogDescription>
@@ -81,7 +81,7 @@ export function GenerateGridDialog({
<div className="flex min-h-0 flex-1 flex-col gap-3 overflow-y-auto pr-1 text-sm">
{/* Профиль — то, ради чего окно и открыли: ритм суток задаёт всё остальное. */}
<div className="grid gap-1.5 sm:grid-cols-2">
<div className="grid gap-1.5 sm:grid-cols-2 lg:grid-cols-3">
{(profiles ?? []).map((item) => (
<button
key={item.kind}