mobile height

src/Components/MobileView.jsx

@@ -58,7 +58,7 @@ const MobileView = ({ isOpen, onClose, finalRef, actionId }) => {
     return date.toLocaleTimeString([], {
       hour: "2-digit",
       minute: "2-digit",
-      hour12: false,
+      hour12: true,
     });
   };
 
@@ -85,7 +85,17 @@ const MobileView = ({ isOpen, onClose, finalRef, actionId }) => {
             display={"flex"}
             justifyContent={"center"}
             h={"600px"}
-            w={"330px"}
+            w={"320px"}
+            sx={{
+              "@media (max-width: 2024px)": {
+                  height:"695px",
+                  width:"360px",
+              },
+              "@media (max-width: 1440px)": {
+                  height:"600px",
+                  width:"320px",
+              },
+            }}
           >
             <Image
               h={"100%"}
@@ -150,6 +160,14 @@ const MobileView = ({ isOpen, onClose, finalRef, actionId }) => {
                     position={"relative"}
                     borderBottomLeftRadius={"23px"}
                     borderBottomRightRadius={"23px"}
+                    sx={{
+                      "@media (max-width: 2024px)": {
+                          height:"575px",
+                      },
+                      "@media (max-width: 1440px)": {
+                        height:"483px",
+                      },
+                    }}
                   >
                     <Box
                       mb={4}