Menu demo update

This commit is contained in:
Yiğit FINDIKLI 2021-12-24 16:00:37 +03:00
parent 225135f27c
commit 7bcda38897
5 changed files with 14 additions and 17 deletions

View File

@ -3,9 +3,9 @@ import { Component } from '@angular/core';
@Component({
selector: 'app-confirmationdemo',
template: `
<div class="flex align-items-center py-5 px-3">
<div class="flex flex-column align-items-center py-5 px-3">
<i class="pi pi-fw pi-check mr-2 text-2xl"></i>
<p class="m-0 text-lg">Confirmation Component Content via Child Route</p>
<p class="m-0 mt-5 text-center text-lg">Confirmation Component Content via Child Route</p>
</div>
`
})

View File

@ -3,9 +3,9 @@ import { Component } from '@angular/core';
@Component({
selector: 'app-paymentdemo',
template: `
<div class="flex align-items-center py-5 px-3">
<div class="flex flex-column align-items-center py-5 px-3">
<i class="pi pi-fw pi-money-bill mr-2 text-2xl"></i>
<p class="m-0 text-lg">Payment Component Content via Child Route</p>
<p class="m-0 mt-5 text-center text-lg">Payment Component Content via Child Route</p>
</div>
`
})

View File

@ -3,9 +3,9 @@ import { Component } from '@angular/core';
@Component({
selector: 'app-personaldemo',
template: `
<div class="flex align-items-center py-5 px-3">
<div class="flex flex-column align-items-center py-5 px-3">
<i class="pi pi-fw pi-user mr-2 text-2xl"></i>
<p class="m-0 text-lg">Personal Component Content via Child Route</p>
<p class="mt-5 text-center text-lg">Personal Component Content via Child Route</p>
</div>
`
})

View File

@ -3,9 +3,9 @@ import { Component } from '@angular/core';
@Component({
selector: 'app-seatdemo',
template: `
<div class="flex align-items-center py-5 px-3">
<div class="flex flex-column align-items-center py-5 px-3">
<i class="pi pi-fw pi-ticket mr-2 text-2xl"></i>
<p class="m-0 text-lg">Seat Component Content via Child Route</p>
<p class="m-0 mt-5 text-center text-lg">Seat Component Content via Child Route</p>
</div>
`
})

View File

@ -21,19 +21,16 @@
</div>
<div class="col-12">
<div class="card flex flex-wrap">
<div class="col-12 md:col-8">
<div class="card-w-title">
<div class="card card-w-title flex flex-wrap">
<div class="col-12">
<h5>TabMenu and Steps</h5>
<p>TabMenu and Steps are integrated with the same child routes.</p>
</div>
<div class="col-12">
<div class="col-12 md:col-8">
<p-tabMenu [model]="routeItems"></p-tabMenu>
<p-steps [model]="routeItems" styleClass="mt-5" [readonly]="false"></p-steps>
</div>
</div>
<div class="col-12 md:col-4 align-self-center">
<div class="col-12 md:col-4 align-self-center h-full">
<router-outlet></router-outlet>
</div>
</div>