wassname/Open-Assistant
1
0
Fork 0
mirror of https://github.com/wassname/Open-Assistant.git synced 2026-07-04 17:20:19 +08:00
Code Issues Packages Projects Releases Wiki Activity

fixed the modal overlay

Browse Source
This commit is contained in:
Kostia
2023-01-03 23:21:16 +02:00
parent c68bbe75d0
commit ec9e338c46
1 changed files with 10 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
website/src/components/CollapsableText.tsx
+10 -12
View File
@@ -1,4 +1,4 @@
import { Button, Container, useDisclosure } from "@chakra-ui/react";
import { Button, useDisclosure } from "@chakra-ui/react";
import { Modal, ModalOverlay, ModalContent, ModalHeader, ModalBody, ModalCloseButton } from "@chakra-ui/react";
import React from "react";
@@ -13,17 +13,15 @@ export const CollapsableText = ({ text, maxLength = 220 }) => {
<Button style={{ display: "contents" }} onClick={onOpen}>
...
</Button>
<Container maxW="full">
<Modal isOpen={isOpen} onClose={onClose} size="xl" scrollBehavior={"inside"}>
<ModalOverlay>
<ModalContent maxH="400">
<ModalHeader>Full Text</ModalHeader>
<ModalCloseButton />
<ModalBody>{text}</ModalBody>
</ModalContent>
</ModalOverlay>
</Modal>
</Container>
<Modal isOpen={isOpen} onClose={onClose} size="xl" scrollBehavior={"inside"} >
<ModalOverlay style={{ width: "100%", height: "100%" }}>
<ModalContent maxH="400">
<ModalHeader>Full Text</ModalHeader>
<ModalCloseButton />
<ModalBody>{text}</ModalBody>
</ModalContent>
</ModalOverlay>
</Modal>
</>
);
}