save

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>

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;
-}
+} */
 
 
 

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{