updated the ui for the mobile view

src/pages/nearle/orders/createorder1.js

@@ -22,7 +22,8 @@ import {
   FormGroup,
   FormControlLabel,
   Box,
-  Card
+  Card,
+  useMediaQuery
 } from '@mui/material';
 import CloseIcon from '@mui/icons-material/Close';
 import { Empty } from 'antd';
@@ -185,6 +186,7 @@ const Createorder1 = () => {
   const loaded = React.useRef(false);
   const navigate = useNavigate();
   const theme = useTheme();
+  const isMobile = useMediaQuery(theme.breakpoints.down('md'));
   const locationRef = useRef(null);
   const tenantRef = useRef(null);
   const [inputValue1, setInputValue1] = React.useState('');
@@ -2439,9 +2441,10 @@ const Createorder1 = () => {
           setSearchCustList('');
         }}
         fullWidth
+        fullScreen={isMobile}
         sx={{
           '& .MuiDialog-paper': {
-            borderRadius: '16px',
+            borderRadius: { xs: 0, sm: '16px' },
             overflow: 'hidden'
           }
         }}
@@ -2567,10 +2570,13 @@ const Createorder1 = () => {
         onClose={() => {
           setOpen(false);
         }}
+        fullWidth
         sx={{
           '& .MuiDialog-paper': {
-            borderRadius: '16px',
+            borderRadius: { xs: 3, sm: '16px' },
             p: 1.5,
+            m: { xs: 1.5, sm: 4 },
+            width: { xs: 'calc(100% - 24px)', sm: 'auto' },
             maxWidth: '400px'
           }
         }}