@@ -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} | |||
/> | |||