style: improve design and add logo

- show data icons in thumbnails in data list items
- add app logo
- fix various visibility issues
This commit is contained in:
Jovan Krunić
2021-03-23 15:59:58 +00:00
parent 8b0978c7eb
commit 1a8660590f
31 changed files with 233 additions and 121 deletions

View File

@@ -3,7 +3,7 @@
<ion-card-content>
<div *ngFor="let offer of offers">
<p *ngIf="offer.inPlace">
<ion-icon name="pin"></ion-icon>
<ion-icon name="location"></ion-icon>
<a [routerLink]="['/data-detail', offer.inPlace.uid]">{{offer.inPlace.name}}</a>,&nbsp;
<span *ngIf="offer.availabilityStarts">
<ion-icon name="calendar"></ion-icon> {{offer.availabilityStarts | amDateFormat:'ll'}}

View File

@@ -1,6 +1,6 @@
<div>
<h2>{{offers[0].prices.default | currency:'EUR':'symbol':undefined:'de'}}</h2>
<p *ngIf="offers[0].inPlace">
<ion-icon name="pin"></ion-icon> {{offers[0].inPlace.name}} <span *ngIf="offers.length > 1">...</span>
<ion-icon name="location"></ion-icon> {{offers[0].inPlace.name}} <span *ngIf="offers.length > 1">...</span>
</p>
</div>