Update UI

src/pages/Proof/Create_FromApp/index.js

@@ -1,6 +1,6 @@
 // material-ui
 import {
-    Grid, Box
+    Grid, Box, Stack, Typography
 } from '@mui/material';
 import MainCard from "components/MainCard";
 import * as UrlUtils from "utils/ApiPathConst";
@@ -14,7 +14,17 @@ const LoadingComponent = Loadable(React.lazy(() => import('pages/extra-pages/Loa
 const ApplicationDetails = Loadable(React.lazy(() => import('./ApplicationDetails')));
 const GazetteDetails = Loadable(React.lazy(() => import('./GazetteDetails')));
 const ProofForm = Loadable(React.lazy(() => import('./ProofForm')));
-
+import titleBackgroundImg from 'assets/images/dashboard/gazette-bar.png'
+
+const BackgroundHead = {
+    backgroundImage: `url(${titleBackgroundImg})`,
+    width: '100%',
+    height: '100%',
+    backgroundSize:'contain',
+    backgroundRepeat: 'no-repeat',
+    backgroundColor: '#0C489E',
+    backgroundPosition: 'right'
+}
 // ==============================|| DASHBOARD - DEFAULT ||============================== //
 
 const Index = () => {
@@ -64,6 +74,13 @@ const Index = () => {
                     elevation={0}
                     border={false}
                     content={false}>
+                        <Grid item xs={12}>
+                <div style={BackgroundHead}>
+                    <Stack direction="row" height='70px' justifyContent="flex-start" alignItems="center">
+                        <Typography ml={15} color='#FFF' variant="h4">Create Proof</Typography>
+                    </Stack>
+                </div>
+            </Grid>
                     {/*row 1*/}
                     <Grid item xs={12} md={12} lg={12}>
                         <Grid container direction="row" justify="flex-start" alignItems="stretch" spacing={1}>