| @@ -98,7 +98,7 @@ const Index = () => { | |||
| <Grid item xs={12} md={12} sx={{textAlign: "center" }}> | |||
| <Grid container justifyContent="center" direction="column" spacing={2} sx={{ p: 2 }} alignitems="stretch" > | |||
| <Grid className="printOrder" item xs={12} md={5} sx={{ pt: 2 }} style={{ height: '100%', order: 1 }}> | |||
| <Box xs={12} md={12} sx={{ p: 4, border: '3px solid #eee', borderRadius: '10px' }} > | |||
| <Box xs={12} md={12} sx={{ border: '3px solid #eee', borderRadius: '10px' }} > | |||
| <PaymentDetails | |||
| formData={record} | |||
| doPrint={doPrint} | |||
| @@ -111,7 +111,7 @@ const Index = () => { | |||
| </Box> | |||
| </Grid> | |||
| <Grid item xs={12} md={5} sx={{ pt: 1, pb: 2 }} style={{ height: '100%', order: 2 }}> | |||
| <Box xs={12} md={12} sx={{ p: 4, border: '3px solid #eee', borderRadius: '10px' }} > | |||
| <Box xs={12} md={12} sx={{ border: '3px solid #eee', borderRadius: '10px' }} > | |||
| <DataGrid | |||
| recordList={itemList} | |||
| /> | |||
| @@ -100,7 +100,7 @@ const Index = () => { | |||
| <Grid item xs={12} md={12} spacing={2} sx={{ textAlign: "center" }}> | |||
| <Grid container justifyContent="center" direction="column" spacing={2} sx={{ p: 2 }} alignitems="stretch" > | |||
| <Grid item className="printOrder" xs={12} md={12} sx={{ pt: 2 }} style={{ height: '100%', order: 1 }}> | |||
| <Box xs={12} md={12} sx={{ p: 4, border: '3px solid #eee', borderRadius: '10px' }} > | |||
| <Box xs={12} md={12} sx={{ border: '3px solid #eee', borderRadius: '10px' }} > | |||
| <PaymentDetails | |||
| formData={record} | |||
| doPrint={doPrint} | |||
| @@ -113,7 +113,7 @@ const Index = () => { | |||
| </Box> | |||
| </Grid> | |||
| <Grid item xs={12} md={12} sx={{ pt: 1, pb: 2 }} style={{ height: '100%', order: 2 }}> | |||
| <Box xs={12} md={12} sx={{ p: 4, border: '3px solid #eee', borderRadius: '10px' }} > | |||
| <Box xs={12} md={12} sx={{ border: '3px solid #eee', borderRadius: '10px' }} > | |||
| <DataGrid | |||
| recordList={itemList} | |||
| /> | |||
| @@ -170,7 +170,7 @@ const AckPage = () => { | |||
| </Typography> | |||
| <Grid container justifyContent="center" direction="column" spacing={2} sx={{ p: 2 }} alignitems="stretch" > | |||
| <Grid item className="printOrder" xs={12} md={12} sx={{ pt: 2 }} style={{ height: '100%', order: 1 }}> | |||
| <Box xs={12} md={12} sx={{ p: 4, border: '3px solid #eee', borderRadius: '10px' }} > | |||
| <Box xs={12} md={12} sx={{ border: '3px solid #eee', borderRadius: '10px' }} > | |||
| <PaymentDetails | |||
| formData={paymentData} | |||
| doPrint={doPrint} | |||
| @@ -183,7 +183,7 @@ const AckPage = () => { | |||
| </Box> | |||
| </Grid> | |||
| <Grid item xs={12} md={12} sx={{ pt: 1, pb: 2 }} style={{ height: '100%', order: 2 }}> | |||
| <Box xs={12} md={12} sx={{ p: 4, border: '3px solid #eee', borderRadius: '10px' }} > | |||
| <Box xs={12} md={12} sx={{ border: '3px solid #eee', borderRadius: '10px' }} > | |||
| <DataGrid | |||
| recordList={itemList} | |||
| /> | |||
| @@ -164,14 +164,14 @@ const Fpscallback = () => { | |||
| <Grid item xs={12} md={12} sx={{ textAlign: "center" }}> | |||
| <Grid container justifyContent="center" spacing={2} sx={{ p: 2 }} alignitems="stretch" > | |||
| <Grid item xs={12} md={5} sx={{ pt: 1, pb: 2 }} style={{ height: '100%' }}> | |||
| <Box xs={12} md={12} sx={{ p: 4, border: '3px solid #eee', borderRadius: '10px' }} > | |||
| <Box xs={12} md={12} sx={{ border: '3px solid #eee', borderRadius: '10px' }} > | |||
| <DataGrid | |||
| recordList={itemList} | |||
| /> | |||
| </Box> | |||
| </Grid> | |||
| <Grid item xs={12} md={5} sx={{ pt: 2 }} style={{ height: '100%' }}> | |||
| <Box xs={12} md={12} sx={{ p: 4, border: '3px solid #eee', borderRadius: '10px' }} > | |||
| <Box xs={12} md={12} sx={{ border: '3px solid #eee', borderRadius: '10px' }} > | |||
| <PaymentDetails | |||
| formData={paymentData} | |||
| style={{ | |||
| @@ -173,7 +173,7 @@ const Index = () => { | |||
| </Typography> | |||
| <Grid container justifyContent="center" direction="column" spacing={2} sx={{ p: 2 }} alignitems="stretch" > | |||
| <Grid item className="printOrder" xs={12} md={12} sx={{ pt: 2 }} style={{ height: '100%', order: 1 }}> | |||
| <Box xs={12} md={12} sx={{ p: 4, border: '3px solid #eee', borderRadius: '10px' }} > | |||
| <Box xs={12} md={12} sx={{ border: '3px solid #eee', borderRadius: '10px' }} > | |||
| <PaymentDetails | |||
| formData={paymentData} | |||
| doPrint={doPrint} | |||
| @@ -186,7 +186,7 @@ const Index = () => { | |||
| </Box> | |||
| </Grid> | |||
| <Grid item xs={12} md={12} sx={{ pt: 1, pb: 2 }} style={{ height: '100%', order: 2 }}> | |||
| <Box xs={12} md={12} sx={{ p: 4, border: '3px solid #eee', borderRadius: '10px' }} > | |||
| <Box xs={12} md={12} sx={{ border: '3px solid #eee', borderRadius: '10px' }} > | |||
| <DataGrid | |||
| recordList={itemList} | |||
| /> | |||
| @@ -116,7 +116,7 @@ const Index = () => { | |||
| <Grid container justifyContent="flex-start" alignItems="center" > | |||
| <center> | |||
| <Grid item xs={12} md={12} sx={{ pt: 2 }}> | |||
| <Box xs={12} md={12} sx={{ p: 4, border: '0px groove grey', borderRadius: '10px', ..._sx }}> | |||
| <Box xs={12} md={12} sx={{ border: '0px groove grey', borderRadius: '10px', ..._sx }}> | |||
| <ApplicationDetails | |||
| formData={record} | |||
| style={{ | |||
| @@ -128,7 +128,7 @@ const Index = () => { | |||
| </Box> | |||
| </Grid> | |||
| <Grid item xs={12} md={12} sx={{ pt: 1, pb: 2 }}> | |||
| <Box xs={12} md={12} sx={{ p: 4, border: '0px groove grey', borderRadius: '10px', ..._sx }}> | |||
| <Box xs={12} md={12} sx={{ border: '0px groove grey', borderRadius: '10px', ..._sx }}> | |||
| <ProofForm | |||
| formData={record} | |||
| /> | |||