Init My account page

Author: jogelin

Diff for: apps/mf-account/src/app/app.component.ts

@@ -5,9 +5,50 @@ import { RouterModule } from '@angular/router';
   standalone: true,
   imports: [RouterModule],
   selector: 'nx-nf-root',
-  template: `My Account`,
+  template: `
+    <div class="flex min-h-full flex-col justify-center px-6 py-12 lg:px-8">
+      <div class="sm:mx-auto sm:w-full sm:max-w-sm">
+        <h2
+          class="mt-10 text-center text-2xl font-bold leading-9 tracking-tight text-gray-900"
+        >
+          My account
+        </h2>
+      </div>
+
+      <div class="mt-10 sm:mx-auto sm:w-full sm:max-w-sm p-5 rounded shadow">
+        <form class="space-y-6" action="#" method="POST">
+          <div>
+            <label
+              for="email"
+              class="block text-sm font-medium leading-6 text-gray-900"
+              >Email address</label
+            >
+            <div class="mt-2">
+              {{ email }}
+            </div>
+          </div>
+
+          <div>
+            <div class="flex items-center justify-between">
+              <label
+                for="password"
+                class="block text-sm font-medium leading-6 text-gray-900"
+                >Password</label
+              >
+            </div>
+            <div class="mt-2">
+              {{ password }}
+            </div>
+          </div>
+
+          <div></div>
+        </form>
+      </div>
+    </div>
+  `,
   styles: ``,
 })
 export class AppComponent {
-  title = 'mf-account';
+  email = '[email protected]';
+  password = 'qwerty';
 }

Diff for: apps/mf-login/src/app/app.component.ts

@@ -16,7 +16,7 @@ import { FormsModule } from '@angular/forms';
         </h2>
       </div>
 
-      <div class="mt-10 sm:mx-auto sm:w-full sm:max-w-sm">
+      <div class="mt-10 sm:mx-auto sm:w-full sm:max-w-sm p-5 rounded shadow">
         <form class="space-y-6" action="#" method="POST">
           <div>
             <label
@@ -53,7 +53,7 @@ import { FormsModule } from '@angular/forms';
                 required
                 autocomplete="false"
                 class="block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6"
-                [ngModel]="email"
+                [ngModel]="password"
               />
             </div>
           </div>