From fe4a71ee623c4b456165dc8d2acce62493b927e2 Mon Sep 17 00:00:00 2001
From: Jason Chuang <jchuang@2fi-solutions.com.hk>
Date: Mon, 11 Sep 2023 14:37:57 +0800
Subject: [PATCH] ui update

---
 src/assets/style/navbarStyles.css                          | 4 ++--
 src/pages/authentication/AuthWrapper.js                    | 2 +-
 src/pages/authentication/BusRegister.js                    | 4 ++--
 src/pages/authentication/Register.js                       | 6 +++---
 src/pages/authentication/RegisterCustom.js                 | 2 +-
 src/pages/authentication/auth-forms/AuthLoginCustom.js     | 2 +-
 src/pages/authentication/auth-forms/BusCustomFormWizard.js | 1 -
 src/pages/authentication/auth-forms/CustomFormWizard.js    | 1 -
 8 files changed, 10 insertions(+), 12 deletions(-)

diff --git a/src/assets/style/navbarStyles.css b/src/assets/style/navbarStyles.css
index 3b03836..28daa43 100644
--- a/src/assets/style/navbarStyles.css
+++ b/src/assets/style/navbarStyles.css
@@ -37,10 +37,10 @@
 #navbar div li a:focus::after{
     content: "";
     width: 80%;
-    height: 2px;
+    height: 3px;
     background:#0C489E;
     position: absolute;
-    bottom: 3px;
+    bottom: -5px;
     left: 20px;
 }
 #navbar div li ul {
diff --git a/src/pages/authentication/AuthWrapper.js b/src/pages/authentication/AuthWrapper.js
index 3409f58..c96d079 100644
--- a/src/pages/authentication/AuthWrapper.js
+++ b/src/pages/authentication/AuthWrapper.js
@@ -38,7 +38,7 @@ const AuthWrapper = ({ children }) => (
           minHeight: '90vh'
         }}
       >
-        <Grid item xs={12}>
+        <Grid item xs={11}>
           <Stack direction="row"
             justifyContent="space-between"
             alignItems="center"
diff --git a/src/pages/authentication/BusRegister.js b/src/pages/authentication/BusRegister.js
index 8173385..448ebc1 100644
--- a/src/pages/authentication/BusRegister.js
+++ b/src/pages/authentication/BusRegister.js
@@ -24,9 +24,9 @@
 
   // ================================|| REGISTER ||================================ //
   const stepStyle = {
-    width:"80%",
+    width:"40%",
     boxShadow: 2,
-    backgroundColor: "rgba(0,0,0,0.1)",
+    backgroundColor: "#FFFFFF",
     padding: 2,
     "& .Mui-active": {
       "&.MuiStepIcon-root": {
diff --git a/src/pages/authentication/Register.js b/src/pages/authentication/Register.js
index 82191f8..1f5f133 100644
--- a/src/pages/authentication/Register.js
+++ b/src/pages/authentication/Register.js
@@ -23,9 +23,9 @@
   const AuthWrapper = Loadable(lazy(() => import('./AuthWrapperCustom')));
   // ================================|| REGISTER ||================================ //
   const stepStyle = {
-    width:"80%",
-    boxShadow: 2,
-    backgroundColor: "rgba(0,0,0,0.1)",
+    width:"40%",
+    boxShadow: 1,
+    backgroundColor: "#FFFFFF",
     padding: 2,
     "& .Mui-active": {
       "&.MuiStepIcon-root": {
diff --git a/src/pages/authentication/RegisterCustom.js b/src/pages/authentication/RegisterCustom.js
index ba5bc54..afed143 100644
--- a/src/pages/authentication/RegisterCustom.js
+++ b/src/pages/authentication/RegisterCustom.js
@@ -30,7 +30,7 @@ const RegisterCustom = () => (
       <Box alignItems="center">
         <Grid container>
           <Grid item  xs={12} md={12}>
-            <Typography mt={4} variant="h1">立即成為<strong style={{color: '#FF5733'}}>憲報刊登公告</strong>用戶</Typography>
+            <Typography mt={4} variant="h2">立即成為<strong style={{color: '#FF5733'}}>憲報刊登公告</strong>用戶</Typography>
             <Typography variant="body1">只需4-5分鐘</Typography>
           </Grid>
         </Grid>
diff --git a/src/pages/authentication/auth-forms/AuthLoginCustom.js b/src/pages/authentication/auth-forms/AuthLoginCustom.js
index f1c9584..623eca7 100644
--- a/src/pages/authentication/auth-forms/AuthLoginCustom.js
+++ b/src/pages/authentication/auth-forms/AuthLoginCustom.js
@@ -260,7 +260,7 @@ const AuthLoginCustom = () => {
             </Grid>
             <Grid item xs={12}>
               <Stack direction="row" justifyContent="space-between" alignItems="center" spacing={2}>
-                <Button size="large" variant="outlined" startIcon={<img src={iAmSmartICon} alt="iAM Smart" width="30" />}>智方便登入</Button>
+                <Button fullWidth size="large" variant="outlined" startIcon={<img src={iAmSmartICon} alt="iAM Smart" width="30" />}>智方便登入</Button>
               </Stack>
             </Grid>
             <Grid item xs={12}>
diff --git a/src/pages/authentication/auth-forms/BusCustomFormWizard.js b/src/pages/authentication/auth-forms/BusCustomFormWizard.js
index a30ed67..91ba2b7 100644
--- a/src/pages/authentication/auth-forms/BusCustomFormWizard.js
+++ b/src/pages/authentication/auth-forms/BusCustomFormWizard.js
@@ -503,7 +503,6 @@ const BusCustomFormWizard = (props) => {
                                                     <InputLabel htmlFor="password-signup">密碼
                                                     <span style={{color: '#f10000'}}>*</span>
                                                     </InputLabel>
-                                                    <InputLabel htmlFor="password-rule">密碼規則</InputLabel>
                                                 </Stack>
                                                 <OutlinedInput
                                                     fullWidth
diff --git a/src/pages/authentication/auth-forms/CustomFormWizard.js b/src/pages/authentication/auth-forms/CustomFormWizard.js
index 53d8486..b21b678 100644
--- a/src/pages/authentication/auth-forms/CustomFormWizard.js
+++ b/src/pages/authentication/auth-forms/CustomFormWizard.js
@@ -519,7 +519,6 @@ const CustomFormWizard = (props) => {
                                                     <InputLabel htmlFor="password-signup">密碼
                                                     <span style={{color: '#f10000'}}>*</span>
                                                     </InputLabel>
-                                                    <InputLabel htmlFor="password-rule">密碼規則</InputLabel>
                                                 </Stack>
                                                 <OutlinedInput
                                                     fullWidth