auto close modal

This commit is contained in:
pompurin404 2024-08-09 16:58:07 +08:00
parent f1b83ee070
commit c17a48eb1d
No known key found for this signature in database
5 changed files with 5 additions and 5 deletions

View File

@ -8,7 +8,7 @@ const ConnectionDetailModal: React.FC<Props> = (props) => {
const { connection, onClose } = props const { connection, onClose } = props
return ( return (
<Modal size="xl" hideCloseButton isOpen={true} scrollBehavior="inside"> <Modal size="xl" hideCloseButton isOpen={true} onOpenChange={onClose} scrollBehavior="inside">
<ModalContent> <ModalContent>
<ModalHeader className="flex"></ModalHeader> <ModalHeader className="flex"></ModalHeader>
<ModalBody> <ModalBody>

View File

@ -32,7 +32,7 @@ const EditFileModal: React.FC<Props> = (props) => {
}, []) }, [])
return ( return (
<Modal size="5xl" hideCloseButton isOpen={true} scrollBehavior="inside"> <Modal size="5xl" hideCloseButton isOpen={true} onOpenChange={onClose} scrollBehavior="inside">
<ModalContent className="h-full w-[calc(100%-100px)]"> <ModalContent className="h-full w-[calc(100%-100px)]">
<ModalHeader className="flex"></ModalHeader> <ModalHeader className="flex"></ModalHeader>
<ModalBody className="h-full"> <ModalBody className="h-full">

View File

@ -25,7 +25,7 @@ const EditInfoModal: React.FC<Props> = (props) => {
} }
return ( return (
<Modal hideCloseButton isOpen={true} scrollBehavior="inside"> <Modal hideCloseButton isOpen={true} onOpenChange={onClose} scrollBehavior="inside">
<ModalContent> <ModalContent>
<ModalHeader className="flex"></ModalHeader> <ModalHeader className="flex"></ModalHeader>
<ModalBody> <ModalBody>

View File

@ -31,7 +31,7 @@ const ConfigViewer: React.FC<Props> = (props) => {
}, []) }, [])
return ( return (
<Modal size="5xl" hideCloseButton isOpen={true} scrollBehavior="inside"> <Modal size="5xl" hideCloseButton isOpen={true} onOpenChange={onClose} scrollBehavior="inside">
<ModalContent className="h-full w-[calc(100%-100px)]"> <ModalContent className="h-full w-[calc(100%-100px)]">
<ModalHeader className="flex"></ModalHeader> <ModalHeader className="flex"></ModalHeader>
<ModalBody className="h-full"> <ModalBody className="h-full">

View File

@ -24,7 +24,7 @@ const PacEditorViewer: React.FC<Props> = (props) => {
} }
return ( return (
<Modal size="5xl" hideCloseButton isOpen={true} scrollBehavior="inside"> <Modal size="5xl" hideCloseButton isOpen={true} onOpenChange={onCancel} scrollBehavior="inside">
<ModalContent className="h-full w-[calc(100%-100px)]"> <ModalContent className="h-full w-[calc(100%-100px)]">
<ModalHeader className="flex">PAC脚本</ModalHeader> <ModalHeader className="flex">PAC脚本</ModalHeader>
<ModalBody className="h-full"> <ModalBody className="h-full">