Change style home page

maximegris · May 23, 2017 · 93dcc52 · 93dcc52
1 parent c9baed3
commit 93dcc52
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 7 deletions.
diff --git a/src/app/components/home/home.component.html b/src/app/components/home/home.component.html
@@ -1,3 +1,5 @@
-<h1 class="title">
-  {{title}}
-</h1>
+<div class="container">
+  <h1 class="title">
+    {{title}}
+  </h1>
+</div>
diff --git a/src/app/components/home/home.component.scss b/src/app/components/home/home.component.scss
@@ -1,8 +1,17 @@
-.title {
-  color: black;
-  margin:0;
-  padding:50px 20px;
+.container {
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
   background: url(../../../assets/background.jpg) no-repeat center fixed;
   -webkit-background-size: cover; /* pour anciens Chrome et Safari */
   background-size: cover; /* version standardisée */
+
+  .title {
+    color: white;
+    margin:0;
+    padding:50px 20px;
+  }
+
 }
diff --git a/src/styles.scss b/src/styles.scss
@@ -1 +1,7 @@
 /* You can add global styles to this file, and also import other style files */
+html, body {
+  margin: 0;
+  padding: 0;
+
+  height: 100%;
+}