Responsive fix
This commit is contained in:
parent
5feedefdc6
commit
f2fd78cdda
@ -37,7 +37,7 @@
|
|||||||
<div class="card">
|
<div class="card">
|
||||||
<h5>Galleria</h5>
|
<h5>Galleria</h5>
|
||||||
<p-galleria [value]="images" [responsiveOptions]="galleriaResponsiveOptions"
|
<p-galleria [value]="images" [responsiveOptions]="galleriaResponsiveOptions"
|
||||||
[containerStyle]="{'max-width': '800px', 'margin':'auto'}" [numVisible]="7" [circular]="true">
|
[containerStyle]="{'max-width': '800px', 'margin':'auto'}" [numVisible]="6" [circular]="true">
|
||||||
<ng-template pTemplate="item" let-item>
|
<ng-template pTemplate="item" let-item>
|
||||||
<img [src]="item.itemImageSrc" style="width: 100%; display: block;"/>
|
<img [src]="item.itemImageSrc" style="width: 100%; display: block;"/>
|
||||||
</ng-template>
|
</ng-template>
|
||||||
|
@ -30,7 +30,7 @@ export class MediaDemoComponent implements OnInit {
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
breakpoint: '768px',
|
breakpoint: '768px',
|
||||||
numVisible: 1
|
numVisible: 3
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
breakpoint: '560px',
|
breakpoint: '560px',
|
||||||
|
Loading…
Reference in New Issue
Block a user