From adaa78ae2d231e12f52b760a8ecf9d9633082541 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Joe=20Ku=CC=88ng?= <joekueng05@gmail.com>
Date: Fri, 5 May 2023 13:46:01 +0200
Subject: [PATCH] changes

---
 src/app/component/login/login.component.html | 20 ++++++++++++++++++--
 1 file changed, 18 insertions(+), 2 deletions(-)

diff --git a/src/app/component/login/login.component.html b/src/app/component/login/login.component.html
index eab37ca..bc3800b 100644
--- a/src/app/component/login/login.component.html
+++ b/src/app/component/login/login.component.html
@@ -1,7 +1,21 @@
 <div class="h-screen w-screen flex items-center justify-center">
-  <div class="max-w-md py-12">
+  <div class="max-w-md">
 
     <div class="bg-white px-6 py-8 rounded-lg shadow-md w-[400px]">
+      <div style="padding-bottom: 30px">
+        <div class="alert alert-error shadow-lg">
+          <div>
+            <svg xmlns="http://www.w3.org/2000/svg" class="stroke-current flex-shrink-0 h-6 w-6" fill="none"
+                 viewBox="0 0 24 24">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+                    d="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z"/>
+            </svg>
+            <span *ngIf="errorLogin">Username o password sbagliate</span>
+            <span *ngIf="errorCreateUser">Username già utilizzato</span>
+            <span>ciao</span>
+          </div>
+        </div>
+      </div>
 
       <h2 *ngIf="login" class="text-center text-2xl font-bold mb-8">Accedi</h2>
       <h2 *ngIf="!login" class="text-center text-2xl font-bold mb-8">Registrati</h2>
@@ -22,8 +36,10 @@
                  [(ngModel)]="newUser.password">
         </div>
 
+
         <div class="mb-4">
-          <button type="submit" class="btn gap-2 border-primary bg-primary text-secondary hover:bg-secondary hover:text-primary hover:border-primary py-2 w-full">
+          <button type="submit"
+                  class="btn gap-2 border-primary bg-primary text-secondary hover:bg-secondary hover:text-primary hover:border-primary py-2 w-full">
             <span *ngIf="login">Accedi</span>
             <span *ngIf="!login">Registrati</span>
           </button>