diff --git a/src/components/File/FileModal.tsx b/src/components/File/FileModal.tsx index 2f2ff98..20f1794 100644 --- a/src/components/File/FileModal.tsx +++ b/src/components/File/FileModal.tsx @@ -9,7 +9,7 @@ import { Title, Tooltip, } from '@mantine/core'; -import { useClipboard } from '@mantine/hooks'; +import { useClipboard, useMediaQuery } from '@mantine/hooks'; import { showNotification } from '@mantine/notifications'; import { IconAlarm, @@ -210,7 +210,13 @@ export default function FileModal({ }; return ( - setOpen(false)} title={{file.name}} size='xl'> + setOpen(false)} + title={{file.name}} + size='auto' + fullScreen={useMediaQuery('(max-width: 600px)')} + > , image: ( } {...props} />