Przeglądaj źródła

Added background for homepage

Kris Blassingame 6 lat temu
rodzic
commit
c377d3266f

BIN
frontEnd/src/assets/imgs/autumn-daylight-environment-218820.jpg Wyświetl plik


+ 1
- 1
frontEnd/src/pages/googleMap/googleMap.ts Wyświetl plik

@@ -1,5 +1,5 @@
1 1
 import { Component } from '@angular/core';
2
-import { NavController } from 'ionic-angular/umd';
2
+import { NavController } from 'ionic-angular';
3 3
 
4 4
 @Component({
5 5
   selector: 'page-map',

+ 2
- 10
frontEnd/src/pages/home/home.html Wyświetl plik

@@ -1,11 +1,3 @@
1
-<ion-header>
2
-  <ion-navbar>
3
-    <ion-title>
4
-      Map
5
-    </ion-title>
6
-  </ion-navbar>
7
-</ion-header>
8
-
9
-<ion-content>
10
-  <google-map></google-map>
1
+<ion-content text-center padding class="bg-image">
2
+  
11 3
 </ion-content>

+ 14
- 0
frontEnd/src/pages/home/home.scss Wyświetl plik

@@ -0,0 +1,14 @@
1
+page-home {
2
+    // .bg {
3
+    //     height: 100%;
4
+    //     width: 100%;
5
+    //     background: linear-gradient(160deg, #b627f2 30%, #10DFC8 70%)
6
+    // }
7
+    .bg-image{
8
+        background-image: url('../assets/imgs/autumn-daylight-environment-218820.jpg');
9
+        background-repeat: no-repeat;
10
+        background-position: center;
11
+        background-size: cover;
12
+        
13
+    }
14
+}