design issue

enad-Q1
enadhilal 4 years ago
parent f326278951
commit 0242d2a6ca

@ -8,7 +8,7 @@
<ion-list style="background: #f4f4f4; margin-top: -8px !important;">
<div *ngFor="let item of announcementList; let i = index"
[ngClass]="i>0 && !item.Open ? 'class-dev-close': 'class-dev-open'"
style="margin: 15px;">
style="margin: 15px; background: white; border-radius: 10px;">
<ion-card *ngIf="i === 0 && !item.isOpen" (click)="toggleAnnouncement(item)" class="main-card-style">
<img [src]="item.img" class="main-card-image">
<ion-item class="main-card-item-list-style">
@ -68,7 +68,8 @@
<ion-card-title style="font-size: 20px; margin: 5px;" *ngIf="direction === 'ar'">{{item.title_AR}} <br>
<p style="font-size: 12px; color: gray;">{{item.date}}</p>
</ion-card-title>
<img [src]="item.img" class="image-center">
<img *ngIf='item.img' [src]="item.img" class="image-center">
<div *ngIf='!item.img'></div>
</ion-card-header>
<ion-card-content>
<p *ngIf="direction === 'en'">{{item.body_EN}}</p>

Loading…
Cancel
Save