Added home backgroung image and centered input

2023-01-31 15:10:27 +01:00
parent bbacc0016b
commit 5d5c78ca14
2 changed files with 18 additions and 3 deletions
--- 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;
 }