From 0b46126b8cffce8928adffe005aaad368075d737 Mon Sep 17 00:00:00 2001
From: Alex Cheung <alex.cheung@2fi-solutions.com.hk>
Date: Mon, 19 Aug 2024 14:53:36 +0800
Subject: [PATCH] add admin header display

---
 src/layout/MainLayout/Header/index.js | 20 +++++++++++++++-----
 1 file changed, 15 insertions(+), 5 deletions(-)

diff --git a/src/layout/MainLayout/Header/index.js b/src/layout/MainLayout/Header/index.js
index 9b05a17..220ac64 100644
--- a/src/layout/MainLayout/Header/index.js
+++ b/src/layout/MainLayout/Header/index.js
@@ -578,8 +578,9 @@ function Header(props) {
                 justifyContent="flex-start"
                 alignItems="center"
                 spacing={0}
+                sx={{ width: { xs: '100%', md: '5%' } }}
               >
-                <Box mt={0.5} sx={{ display: { xs: 'none', sm: 'none', md: 'block' } }}>
+                <Box mt={0.5} sx={{ flexGrow: 1, display: { xs: 'none', sm: 'none', md: 'block' } }}>
                   <AdminLogo />
                 </Box>
                 <IconButton
@@ -591,9 +592,16 @@ function Header(props) {
                 >
                   <MenuIcon style={{ color: '#0C489E' }} />
                 </IconButton>
-                <Box sx={{ mr: 2, display: { md: 'none' } }}>
-                  <MobileLogo />
-                  <span id="mobileTitle" >PNSPS</span>
+                <Box sx={{ flexGrow: 1, mr: 2, display: { sm: 'block', md: 'none' } }}>
+                  <Stack direction="row" justifyContent="space-between" alignItems="center" width="100%">
+                    <MobileLogo />
+                    <Stack justifyContent="flex-start" alignItems="flex-start" width="100%" ml={2}>
+                      <span id="mobileTitle">PNSPS</span>
+                    </Stack>
+                    <Stack justifyContent="flex-end" alignItems="center">
+                      <span style={{color:"#B11B1B",fontWeight:'bold',fontSize:'15px'}}>RESTRICTED</span>
+                    </Stack>
+                  </Stack>
                 </Box>
               </Stack> :
               <Stack
@@ -659,7 +667,9 @@ function Header(props) {
                   >
                     {
                       isGLDLoggedIn() ?
-                        <Grid item />
+                        <Grid item >
+                          <span style={{color:"#B11B1B",fontWeight:'bold',fontSize:'15px'}}>RESTRICTED</span>
+                        </Grid>
                         :
                         <Grid item>
                           <LocaleSelector />