Update GenerateGridDialog layout for improved usability and responsiveness
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:
@@ -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>
|
<DialogHeader>
|
||||||
<DialogTitle>{t('admin.channels.generate.title')}</DialogTitle>
|
<DialogTitle>{t('admin.channels.generate.title')}</DialogTitle>
|
||||||
<DialogDescription>{t('admin.channels.generate.hint')}</DialogDescription>
|
<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="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) => (
|
{(profiles ?? []).map((item) => (
|
||||||
<button
|
<button
|
||||||
key={item.kind}
|
key={item.kind}
|
||||||
|
|||||||
Reference in New Issue
Block a user