ui update

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 {

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"

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": {

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": {

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>

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

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

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