From f2dab91a1dca81e297d0b00ca757ed0db06889d7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Joe=20Ku=CC=88ng?= <joekueng05@gmail.com>
Date: Tue, 31 Jan 2023 14:30:30 +0100
Subject: [PATCH] changes

---
 src/app/app-routing.module.ts    | 4 +++-
 src/app/app.component.html       | 2 +-
 src/app/home/home.component.css  | 6 ++++++
 src/app/home/home.component.html | 2 +-
 4 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts
index db7052d..d66cbc5 100644
--- a/src/app/app-routing.module.ts
+++ b/src/app/app-routing.module.ts
@@ -1,11 +1,13 @@
 import {NgModule} from '@angular/core';
-import {RouterModule, Routes} from '@angular/router';
+import {RouterModule} from '@angular/router';
 import {HomeComponent} from './home/home.component';
+import {DetailComponent} from "./detail/detail.component";
 
 
 @NgModule({
   imports: [RouterModule.forRoot([
     {path: 'home', component: HomeComponent},
+    {path: 'detail', component: DetailComponent},
     {path: '**', redirectTo: 'home'}
   ])],
   exports: [RouterModule],
diff --git a/src/app/app.component.html b/src/app/app.component.html
index 2934ad1..0680b43 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -1 +1 @@
-<app-home></app-home>
+<router-outlet></router-outlet>
diff --git a/src/app/home/home.component.css b/src/app/home/home.component.css
index e69de29..d5ef261 100644
--- a/src/app/home/home.component.css
+++ b/src/app/home/home.component.css
@@ -0,0 +1,6 @@
+input{
+  width: 40%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
diff --git a/src/app/home/home.component.html b/src/app/home/home.component.html
index e64efc8..d511764 100644
--- a/src/app/home/home.component.html
+++ b/src/app/home/home.component.html
@@ -1,2 +1,2 @@
 <input type="text" placeholder="Type here" class="input input-bordered input-primary w-full max-w-xs" />
-ciao
+