style(app): home page

udayvunnam · Nov 3, 2019 · 08c8936 · 08c8936
1 parent 72b0f39
commit 08c8936
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 2 deletions.
diff --git a/projects/xng-breadcrumb-app/src/app/app-routing.module.ts b/projects/xng-breadcrumb-app/src/app/app-routing.module.ts
@@ -1,13 +1,14 @@
 import { NgModule } from '@angular/core';
 import { Routes, RouterModule } from '@angular/router';
 import { PageNotFoundComponent } from './core/page-not-found.component';
+import { HomeComponent } from './home/home.component';
 
 // when deafalt route has no path or breadcrumb diplay home
 export const appRoutes: Routes = [
   {
     path: '',
-    redirectTo: 'dashboard',
     pathMatch: 'full',
+    component: HomeComponent,
     data: {
       breadcrumb: {
         label: '',

diff --git a/projects/xng-breadcrumb-app/src/app/home/home.component.html b/projects/xng-breadcrumb-app/src/app/home/home.component.html
@@ -1,4 +1,4 @@
-<section style="margin: 64px;">
+<section class="home-container">
   <blockquote>
     <p>
       This is a demo app showcasing <b>xng-breadcrumb</b> library usage in Angular applications. Navigate through App to see the breadcrumb

diff --git a/projects/xng-breadcrumb-app/src/app/home/home.component.scss b/projects/xng-breadcrumb-app/src/app/home/home.component.scss
@@ -23,3 +23,7 @@ blockquote p {
 mat-card {
   cursor: pointer;
 }
+
+.home-container {
+  margin: 16px 64px;
+}