mirror of
https://github.com/rustmailer/bichon.git
synced 2026-08-03 07:48:34 +02:00
fix: Sync settings modal doesn't fit on smaller viewport #168
This commit is contained in:
@@ -380,8 +380,8 @@ export function SyncFoldersDialog({ currentRow, open, onOpenChange }: Props) {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<Dialog open={open} onOpenChange={onOpenChange}>
|
<Dialog open={open} onOpenChange={onOpenChange}>
|
||||||
<DialogContent className="sm:max-w-3xl">
|
<DialogContent className="sm:max-w-3xl max-h-[90vh] flex flex-col">
|
||||||
<DialogHeader>
|
<DialogHeader className="flex-shrink-0">
|
||||||
<DialogTitle>{t('accounts.selectSyncFolders')}</DialogTitle>
|
<DialogTitle>{t('accounts.selectSyncFolders')}</DialogTitle>
|
||||||
<DialogDescription>
|
<DialogDescription>
|
||||||
{t('accounts.chooseFoldersToSync', { "email": currentRow.email })}
|
{t('accounts.chooseFoldersToSync', { "email": currentRow.email })}
|
||||||
@@ -455,7 +455,7 @@ export function SyncFoldersDialog({ currentRow, open, onOpenChange }: Props) {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<ScrollArea className="h-[35rem] w-full pr-4 -mr-4 py-1">
|
<ScrollArea className="flex-1 min-h-0 w-full pr-4 -mr-4 py-1">
|
||||||
{isLoading && (
|
{isLoading && (
|
||||||
<div className="p-8 space-y-8">
|
<div className="p-8 space-y-8">
|
||||||
<div className="flex flex-col items-center gap-3 text-muted-foreground">
|
<div className="flex flex-col items-center gap-3 text-muted-foreground">
|
||||||
|
|||||||
Reference in New Issue
Block a user