Set modal as full screen

import React, { useState, useCallback, useMemo, useEffect } from 'react';
import { Modal, Col, Row } from 'antd';
export const MapperCardModal: React.FC<MapperCardModalProps> = ({ isOpen, onCancel, onAccept, comparisonType, record }) => {
    return (
        <Modal
            centered
            open={isOpen}
            onOk={onOk}
            onCancel={onCancel}
            okButtonProps={{ disabled: isDisabled }}
            className="mapper-modal"
            style={{ maxWidth: '90vw !important' }}
            title={translate('pages.comparisons.modal.title')}
        >
            <Row
                gutter={[12, 12]}
                className='row-mapper-cards'
            >
                {cards}
            </Row>
        </Modal>
    );
};

import React, { useState, useCallback, useMemo, useEffect } from 'react';
import { Modal, Col, Row } from 'antd';
export const MapperCardModal: React.FC<MapperCardModalProps> = ({ isOpen, onCancel, onAccept, comparisonType, record }) => {
    return (
        <Modal
            centered
            open={isOpen}
            onOk={onOk}
            onCancel={onCancel}
            okButtonProps={{ disabled: isDisabled }}
            className="mapper-modal"
            style={{ maxWidth: '90vw !important' }}
            title={translate('pages.comparisons.modal.title')}
        >
            <Row
                gutter={[12, 12]}
                className='row-mapper-cards'
            >
                {cards}
            </Row>
        </Modal>
    );
};