update header bar

src/pages/PublicNotice/ApplyForm/PublicNoticeApplyForm.js

@@ -28,10 +28,13 @@ const PublicNoticeApplyForm = ({loadedData, selections}) => {
 
     const BackgroundHead = {
         backgroundImage: `url(${titleBackgroundImg})`,
-        width: '100%',
-        height: '100%',
-        backgroundSize:'cover'
-      }
+        width: 'auto',
+        height: 'auto',
+        backgroundSize:'contain',
+        backgroundRepeat: 'no-repeat',
+        backgroundColor: '#0C489E',
+        backgroundPosition: 'right'
+    }
     // React.useEffect(()=>{
     //     setFormData(loadedData);
     // },[]);

src/pages/PublicNotice/ListPanel/index.js

@@ -40,7 +40,10 @@ const PublicNotice = () => {
         backgroundImage: `url(${titleBackgroundImg})`,
         width: '100%',
         height: '100%',
-        backgroundSize: 'cover'
+        backgroundSize:'contain',
+        backgroundRepeat: 'no-repeat',
+        backgroundColor: '#0C489E',
+        backgroundPosition: 'right'
     }
 
     useEffect(() => {

src/pages/PublicNoticeDetail/index.js

@@ -46,7 +46,10 @@ const DashboardDefault = () => {
     backgroundImage: `url(${titleBackgroundImg})`,
     width: '100%',
     height: '100%',
-    backgroundSize:'cover'
+    backgroundSize:'contain',
+    backgroundRepeat: 'no-repeat',
+    backgroundColor: '#0C489E',
+    backgroundPosition: 'right'
   }
   // const appNo = "G2023-343"
 

src/pages/PublicNoticeDetail_GLD/ClientDetailCard.js

@@ -65,8 +65,14 @@ const ClientDetailCard = (
         currentApplicationDetailData.type == "ORG"?
         window.open('/orgUser/'+ currentApplicationDetailData.id, "_blank", "noreferrer"):
         window.open('/indUser/'+ currentApplicationDetailData.id, "_blank", "noreferrer");
+        window.addEventListener("focus", onFocus)
     };
 
+    const onFocus = () => {
+        window.removeEventListener("focus", onFocus)
+        location.reload();
+    }
+
     // useEffect(() => {
     //     //upload latest data to parent
     //     const values = getValues();

src/pages/PublicNoticeDetail_GLD/index.js

@@ -70,7 +70,10 @@ const PublicNoticeDetail_GLD = () => {
     backgroundImage: `url(${titleBackgroundImg})`,
     width: '100%',
     height: '100%',
-    backgroundSize:'cover'
+    backgroundSize:'contain',
+    backgroundRepeat: 'no-repeat',
+    backgroundColor: '#0C489E',
+    backgroundPosition: 'right'
   }
 
   const title = groupNo!=null?("Application / "+appNo+", "+gazetteIssue+", "+issueNum+" , "+groupNo):("Application / "+appNo+", "+gazetteIssue+", "+issueNum)

src/pages/PublicNoticeSearch_GLD/index.js

@@ -1,6 +1,8 @@
 // material-ui
 import {
-    Grid
+    Grid,
+    Typography,
+    Stack
 } from '@mui/material';
 import MainCard from "components/MainCard";
 import * as UrlUtils from "utils/ApiPathConst";
@@ -12,6 +14,17 @@ import Loadable from 'components/Loadable';
 const LoadingComponent = Loadable(React.lazy(() => import('pages/extra-pages/LoadingComponent')));
 const SearchForm = Loadable(React.lazy(() => import('./SearchForm')));
 const EventTable = Loadable(React.lazy(() => import('./DataGrid')));
+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 ||============================== //
 
@@ -66,29 +79,34 @@ const UserSearchPage_Individual = () => {
         !onReady ?
             <LoadingComponent/>
             :
-        <Grid container rowSpacing={4.5} columnSpacing={2.75}>
-            {/*row 1*/}
-            <Grid item xs={12} md={12} lg={12}>
-                <SearchForm 
-                applySearch={applySearch}
-                orgComboData={orgCombo}
-                searchCriteria={searchCriteria}
-                />
-            </Grid>
-            {/*row 2*/}
-            <Grid item xs={12} md={12} lg={12}>
-                <MainCard elevation={0}
-                          border={false}
-                          content={false}
-                >
-                    <EventTable
-                        recordList={record}
+            <Grid container sx={{minHeight: '85vh',backgroundColor:'#ffffff'}} direction="column">
+                <Grid item xs={12}>
+                    <div style={BackgroundHead}>
+                        <Stack direction="row" height='70px' justifyContent="flex-start" alignItems="center">
+                            <Typography ml={15} color='#FFF' variant="h4">Application</Typography>
+                        </Stack>
+                    </div>
+                </Grid>
+                {/*row 1*/}
+                <Grid item xs={12} md={12} lg={12}>
+                    <SearchForm 
+                    applySearch={applySearch}
+                    orgComboData={orgCombo}
+                    searchCriteria={searchCriteria}
                     />
-                </MainCard>
+                </Grid>
+                {/*row 2*/}
+                <Grid item xs={12} md={12} lg={12}>
+                    <MainCard elevation={0}
+                            border={false}
+                            content={false}
+                    >
+                        <EventTable
+                            recordList={record}
+                        />
+                    </MainCard>
+                </Grid>
             </Grid>
-
-        </Grid>
-
     );
 };
 

src/pages/gldDashboard/index.js

@@ -15,7 +15,10 @@ const DashboardDefault = () => {
     backgroundImage: `url(${titleBackgroundImg})`,
     width: '100%',
     height: '100%',
-    backgroundSize:'cover'
+    backgroundSize:'contain',
+    backgroundRepeat: 'no-repeat',
+    backgroundColor: '#0C489E',
+    backgroundPosition: 'right'
   }
   return (
     <Grid container sx={{minHeight: '90vh'}} direction="column">

src/pages/publicDashboard/index.js

@@ -19,7 +19,10 @@ const DashboardDefault = () => {
     backgroundImage: `url(${titleBackgroundImg})`,
     width: '100%',
     height: '100%',
-    backgroundSize:'cover'
+    backgroundSize:'contain',
+    backgroundRepeat: 'no-repeat',
+    backgroundColor: '#0C489E',
+    backgroundPosition: 'right'
   }
   return (
     <Grid container sx={{minHeight: '90vh'}} direction="column">