This commit is contained in:
2024-08-14 20:48:27 +05:30

View File

@@ -21,7 +21,7 @@ import { LuClock } from "react-icons/lu";
const MobileView = ({ isOpen, onClose, finalRef }) => {
return (
<div>
<Modal finalFocusRef={finalRef} isOpen={isOpen} onClose={onClose}>
<Modal isCentered finalFocusRef={finalRef} isOpen={isOpen} onClose={onClose}>
<ModalOverlay />
<ModalContent
h={"600px"}
@@ -145,7 +145,7 @@ const MobileView = ({ isOpen, onClose, finalRef }) => {
"rgba(0, 0, 0, 0.15) 0px 2px 8px"
}
>
<Heading fontSize="15px">Key Merits</Heading>
<Heading fontSize="15px" fontWeight={600}>Key Merits</Heading>
<Box display={"flex"} alignItems={"center"}>
<Image
width={"30px"}
@@ -165,7 +165,7 @@ const MobileView = ({ isOpen, onClose, finalRef }) => {
"rgba(0, 0, 0, 0.15) 0px 2px 8px"
}
>
<Heading fontSize="15px">Investment Documents</Heading>
<Heading fontSize="15px" fontWeight={600}>Investment Documents</Heading>
<Box bg={"#f5f8f6"} w={"150px"} p={3} borderRadius={"10px"}>
<Box display={"flex"} alignItems={"center"} mb={2}>
<Image src="https://tanami.betadelivery.com/public/icons/icon8.svg" />
@@ -187,16 +187,15 @@ const MobileView = ({ isOpen, onClose, finalRef }) => {
</Box>
<Box
mb={4}
p={5}
p={4}
borderRadius={"20px"}
boxShadow={
"rgba(0, 0, 0, 0.15) 0px 2px 8px"
}
>
<Heading fontSize="15px">Videos</Heading>
<video controls borderRadius="30px">
<source src="path_to_your_video.mp4" type="video/mp4" />
Your browser does not support the video tag.
<Heading fontSize="15px" fontWeight={600}>Videos</Heading>
<video autoPlay style={{borderRadius:"18px"}}>
<source src="https://flutter.github.io/assets-for-api-docs/assets/videos/butterfly.mp4" type="video/mp4" />
</video>
</Box>