From 4b844c2af4a2dd4224383f7381be3a54e16e2e7d Mon Sep 17 00:00:00 2001
From: "tiago.kayaya" <tiago.kayaya@equilibrium.co.ao>
Date: Wed, 9 Jun 2021 15:13:56 +0100
Subject: [PATCH] save

---
 src/app/pages/login/login.page.html | 15 ++++++--
 src/app/pages/login/login.page.scss | 53 +++++++++++++++++++++++++----
 src/app/pages/login/login.page.ts   |  2 +-
 3 files changed, 60 insertions(+), 10 deletions(-)

diff --git a/src/app/pages/login/login.page.html b/src/app/pages/login/login.page.html
index 608058aa6..6da82e2b8 100644
--- a/src/app/pages/login/login.page.html
+++ b/src/app/pages/login/login.page.html
@@ -1,9 +1,18 @@
 <ion-content class="text-white">
   <div class="main-wrapper">
   <div class="wrapper"  *ngIf="userLoginPreference != 'pin' && userLoginPreference != 'fingerprint' && !setPint">
-    <div class="div-logo">
-      <img src='assets/images/logo-no-bg.png' alt='logo'>
-    </div>
+
+    <div class="bg-1 d-flex justify-center align-center">
+      <div class="bg-2 d-flex justify-center align-center">
+        <div class="bg-3 d-flex justify-center align-center">
+          <div class="bg-4 d-flex justify-center align-center">
+            <div class="div-logo">
+              <img src='assets/images/fullLogo.png' alt='logo'>
+            </div>
+          </div>
+        </div>
+      </div>
+  </div>
     <h3 class="center text-white">Inicie a sessão</h3>
     <form class="form">
       <p class="form-label text-white">Nome de utilizador</p>
diff --git a/src/app/pages/login/login.page.scss b/src/app/pages/login/login.page.scss
index 6ebe5b4de..9186c5676 100644
--- a/src/app/pages/login/login.page.scss
+++ b/src/app/pages/login/login.page.scss
@@ -23,12 +23,53 @@ ion-content{
     margin: auto !important;
     overflow: auto;
 }
-.div-logo{
-    width: 200px;
+.logo{
+    width: 400px;
+    height: 400px;
+    background-image: url("/assets/background/auth.svg");
+    background-position: center;
+    background-repeat: no-repeat;
+}
+.bg-1{
+    width: 250px;
+    height: 250px;
+    overflow: auto;
+    border-radius: 50%;
+    background: #4cb9f825;
+    margin: auto;
+    .bg-2{
+        width: 225px;
+        height: 225px;
+        overflow: auto;
+        border-radius: 50%;
+        background: #61bdf2b4;
+        margin: auto;
+        .bg-3{
+            width: 200px;
+            height: 200px;
+            overflow: auto;
+            border-radius: 50%;
+            background: #96d3f8be;
+            margin: auto;
+            .bg-4{
+                width: 175px;
+                height: 175px;
+                overflow: auto;
+                border-radius: 50%;
+                background: rgba(255, 255, 255, 0.918);
+                padding: 15px;
+                margin: auto;
+            }
+        }
+    }
+}
+/* .div-logo{
+    width: 200px !important;
     margin:  0 auto;
     padding-bottom: 15px;
-}
-.div-logo img{
+    
+} */
+.bg-4 img{
     width: 100%;
 }
 .wrapper ion-input{
@@ -71,7 +112,7 @@ ion-item{
   border: 0!important;
 }
 
-.div-logo {
+/* .div-logo {
   background: transparent;
   width: em(140px);
   justify-content: center;
@@ -80,7 +121,7 @@ ion-item{
 .div-logo img{
   width: 100%;
   margin: 0px auto;
-}
+} */
 
 
 
diff --git a/src/app/pages/login/login.page.ts b/src/app/pages/login/login.page.ts
index 02cbb4c4d..2964e31de 100644
--- a/src/app/pages/login/login.page.ts
+++ b/src/app/pages/login/login.page.ts
@@ -135,7 +135,7 @@ export class LoginPage implements OnInit {
 
         }
         else {
-          this.toastService.badRequest('O nome de utilizador e palavra-passe estão incorretas ou verifique a sua conexão com a internet e volte a tentar');
+          this.toastService.badRequest('O nome de utilizador e/ou palavra-passe estão incorretas ou verifique a sua conexão com a internet e volte a tentar');
         }
       }
       else{