Enhance SubmissionDetailsModal by adding max height and overflow properties to DialogContent for improved usability and responsiveness.
This commit is contained in:
@@ -449,9 +449,11 @@ const SubmissionDetailsModal: React.FC<SubmissionDetailsModalProps> = ({
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<DialogRoot open={isOpen} onOpenChange={(e) => !e.open && onClose()} size="xl">
|
<DialogRoot open={isOpen} onOpenChange={(e) => !e.open && onClose()} size="xl">
|
||||||
<DialogContent>
|
<DialogContent maxH="90vh" overflowY="auto">
|
||||||
<DialogHeader>
|
<DialogHeader>
|
||||||
<DialogTitle>{t('challenge.admin.submissions.details.title')} #{submission.attemptNumber}</DialogTitle>
|
<DialogTitle>
|
||||||
|
{t('challenge.admin.submissions.details.title')} #{submission.attemptNumber}
|
||||||
|
</DialogTitle>
|
||||||
</DialogHeader>
|
</DialogHeader>
|
||||||
<DialogBody>
|
<DialogBody>
|
||||||
<VStack gap={6} align="stretch">
|
<VStack gap={6} align="stretch">
|
||||||
|
|||||||
Reference in New Issue
Block a user