login, signup, home design updates

package.json

@@ -26,7 +26,7 @@
     "@ionic-native/status-bar": "4.4.0",
     "@ionic/storage": "2.1.3",
     "cordova-plugin-camera": "^4.0.1",
-    "firebase": "^4.8.1",
+    "firebase": "4.8.0",
     "ionic-angular": "3.9.2",
     "ionicons": "3.0.0",
     "rxjs": "5.5.2",

src/app/app.scss

@@ -44,4 +44,12 @@ page-home, page-login, page-reset-password, page-signup {
     form {
         margin-top: 5vh;
     }
+
+    form, form ion-item {
+        background-color: transparent !important;
+
+        &, ion-label * {
+            color: #fff !important;
+        }
+    }
 }

src/pages/home/home.scss

@@ -1,3 +1,6 @@
 page-home {
-
+    .scroll-content {
+        background-image: url("/assets/imgs/home-bg.jpg");
+        background-attachment: fixed;
+    }
 }

src/pages/login/login.scss

@@ -39,4 +39,10 @@ page-login {
             border-bottom: 0 !important;
         }
     }
+
+    .scroll-content {
+        background-image: url("/assets/imgs/login-bg.jpg");
+        background-size: cover;
+        background-position: center center;
+    }
 }

src/pages/reset-password/reset-password.scss

@@ -35,4 +35,10 @@ page-reset-password {
     img {
         height: 150px; 
     }
+
+    .scroll-content {
+        background-image: url("/assets/imgs/login-bg.jpg");
+        background-size: cover;
+        background-position: center center;
+    }
 }

src/pages/signup/signup.scss

@@ -36,4 +36,10 @@ page-signup {
             border-bottom: 0 !important;
         }
     }
+
+    .scroll-content {
+        background-image: url("/assets/imgs/register-bg.jpg");
+        background-size: cover;
+        background-position: center center;
+    }
 }

src/providers/auth/auth.ts

@@ -1,15 +1,14 @@
 import { Injectable } from '@angular/core';
 
 import firebase from 'firebase';
-import { User } from '@firebase/auth-types';
 
 @Injectable()
 export class AuthProvider {
   constructor() {
     console.log('Hello AuthProvider Provider');
   }
 
-  loginUser(email: string, password: string): Promise<User> {
+  loginUser(email: string, password: string): Promise<any> {
     return firebase.auth().signInWithEmailAndPassword(email, password);
   }
 

src/providers/profile/profile.ts

@@ -1,12 +1,12 @@
 import { Injectable } from '@angular/core';
 
 import firebase from 'firebase';
-import { Reference } from '@firebase/database-types';
-import { User, AuthCredential } from '@firebase/auth-types';
+import { Reference } from '@firebase/database';
+import { User, AuthCredential } from 'firebase/database';
 
 @Injectable()
 export class ProfileProvider {
-  public userProfile: Reference;
+  public userProfile: firebase.database.Reference;
   public currentUser: User;
 
   constructor() {
@@ -18,7 +18,7 @@ export class ProfileProvider {
     });
   }
 
-  getUserProfile(): Reference {
+  getUserProfile(): firebase.database.Reference {
     return this.userProfile;
   }