carloshra/nexus-spa
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update shadows & crud dialog

Browse Source
This commit is contained in:
Çetin
2021-12-15 13:53:50 +03:00
parent 516159783d
commit f140ba157b
5 changed files with 10 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/pages/app.crud.component.html
View File

@@ -51,7 +51,7 @@
{{product.name}}
</td>
<td><span class="p-column-title">Image</span>
<img [src]="'assets/demo/images/product/' + product.image" [alt]="product.name" width="100" class="p-shadow-4" />
<img [src]="'assets/demo/images/product/' + product.image" [alt]="product.name" width="100" class="shadow-4" />
</td>
<td><span class="p-column-title">Price</span>
{{product.price | currency:'USD'}}

5
src/app/pages/app.crud.component.ts
View File

@@ -22,6 +22,11 @@ import {ConfirmationService, MessageService} from 'primeng/api';
display: flex;
}
}
@media (max-width: 1024px){
:host ::ng-deep .p-dialog{
margin: 0 20px;
}
}
`],
providers: [MessageService, ConfirmationService]

4
src/app/pages/app.timelinedemo.component.html
View File

@@ -6,13 +6,13 @@
<h5>Custom Timeline</h5>
<p-timeline [value]="customEvents" align="alternate" styleClass="customized-timeline">
<ng-template pTemplate="marker" let-event>
<span class="custom-marker p-shadow-2" [style.backgroundColor]="event.color">
<span class="custom-marker shadow-2" [style.backgroundColor]="event.color">
<i [ngClass]="event.icon"></i>
</span>
</ng-template>
<ng-template pTemplate="content" let-event>
<p-card [header]="event.status" [subheader]="event.date">
<img *ngIf="event.image" [src]="'assets/demo/images/product/' + event.image" [alt]="event.name" width="200" class="p-shadow-2" />
<img *ngIf="event.image" [src]="'assets/demo/images/product/' + event.image" [alt]="event.name" width="200" class="shadow-2" />
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore sed consequuntur error repudiandae numquam deserunt
quisquam repellat libero asperiores earum nam nobis, culpa ratione quam perferendis esse, cupiditate neque quas!</p>
<button pButton label="Read more" class="p-button-text"></button>