imprv layout

packages/app/src/components/Layout/NoLoginLayout.tsx

@@ -20,7 +20,7 @@ export const NoLoginLayout = ({
   }
   return (
     <RawLayout className={`${commonStyles.nologin}`}>
-      <div className="nologin">
+      <div className="nologin error">
         <div id="wrapper">
           <div id="page-wrapper">
             <div className="main container-fluid">

packages/app/src/components/LoginForm.tsx

@@ -203,7 +203,7 @@ export const LoginForm = (props: LoginFormProps): JSX.Element => {
               <span className="btn-label">
                 <i className="icon-login"></i>
               </span>
-              <span className="btn-label-text">{t('Sign in')}</span>
+              <span className="btn-label-text">{t('Sign in')}aaa</span>
             </button>
           </div>
         </form>

packages/app/src/pages/login/error/[message].page.tsx

@@ -49,11 +49,15 @@ const LoginPage: NextPage<Props> = (props: Props) => {
 
   console.log({ props });
 
-  const renderAlert = () => {
+  const renderAlertMessage = () => {
     return (
-      <div className="alert alert-success">
-        <h2>{ t('login.Registration successful') }</h2>
-      </div>
+      <>
+        <div className="alert alert-success">
+          {/* <h2>{ t('login.Registration successful') }</h2> */}
+          <h2>登録完了</h2>
+        </div>
+        <p>Wait for approved by administrators.</p>
+      </>
     );
 
     //  {% if reason === 'registered'%}
@@ -79,13 +83,11 @@ const LoginPage: NextPage<Props> = (props: Props) => {
       <div className="mb-4 login-form-errors text-center">
         <div className='noLogin-dialog mx-auto'>
           <div className="col-12">
-            {renderAlert()}
+            {renderAlertMessage()}
           </div>
-
         </div>
       </div>
 
-      {/* <p>{ reasonMessage }</p> */}
 
     </NoLoginLayout>
   );