From 395d60fd2f208fe5dfbfee085b2589d9776faad7 Mon Sep 17 00:00:00 2001
From: YasinShaikh123 <123150391+YasinShaikh123@users.noreply.github.com>
Date: Wed, 14 Aug 2024 20:48:12 +0530
Subject: [PATCH] mobile modal

---
 src/Components/MobileView.jsx | 15 +++++++--------
 1 file changed, 7 insertions(+), 8 deletions(-)

diff --git a/src/Components/MobileView.jsx b/src/Components/MobileView.jsx
index 245f80d..be6b8a5 100644
--- a/src/Components/MobileView.jsx
+++ b/src/Components/MobileView.jsx
@@ -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>