From 5d5c78ca140c6f878d1694ba0768cd078475c088 Mon Sep 17 00:00:00 2001
From: grata <aramis.grata@bluewin.ch>
Date: Tue, 31 Jan 2023 15:10:27 +0100
Subject: [PATCH] Added home backgroung image and centered input

---
 src/app/home/home.component.css  | 16 +++++++++++++++-
 src/app/home/home.component.html |  5 +++--
 2 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/src/app/home/home.component.css b/src/app/home/home.component.css
index d5ef261..d61eef3 100644
--- a/src/app/home/home.component.css
+++ b/src/app/home/home.component.css
@@ -1,6 +1,20 @@
 input{
-  width: 40%;
+  width: 500px;
   display: flex;
   justify-content: center;
   align-items: center;
+  position: absolute;
+  top: 30%;
+  left: 50%;
+  right: 50%;
+  bottom: 50%;
+  transform: translate(-50%, -50%);
+}
+
+.bg-image {
+  background-image: url('/assets/mountains.png');
+  background-size: cover;
+  background-repeat: no-repeat;
+  background-position: center center;
+  height: 100vh;
 }
diff --git a/src/app/home/home.component.html b/src/app/home/home.component.html
index d511764..c0cb16a 100644
--- a/src/app/home/home.component.html
+++ b/src/app/home/home.component.html
@@ -1,2 +1,3 @@
-<input type="text" placeholder="Type here" class="input input-bordered input-primary w-full max-w-xs" />
-
+<div class="bg-image">
+  <input type="text" placeholder="Type here" class="input input-bordered input-primary w-full max-w-xs" />
+</div>