LibrePay/Frontend
Archived
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Some new animations in cart

Browse Source 
Long addresses will be capped (copy will come in next commit)
This commit is contained in:
Nicolas Klier
2021-01-24 19:58:02 +01:00
parent 59ebcb54c6
commit 03227b8b0f
8 changed files with 144 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/app/cart/cart.component.html
View File

@@ -1,6 +1,6 @@
<div class="cart" xyz="stagger-0.5 fade-100% down-1 ease-ease" >
<div class="cart" xyz="stagger-0.5 fade-100% down-1 ease-ease">
<ul>
<li *ngFor="let item of this.backend.invoice.cart;let indexOfelement=index;" [ngClass]="{'xyz-in': this.state.showCart.value, 'xyz-out': !this.state.showCart.value}">
<li *ngFor="let item of this.backend.invoice.cart;let indexOfelement=index;" class="item" [ngClass]="{'xyz-in': this.state.showCart.value, 'xyz-out': !this.state.showCart.value}">
<img [src]="item.image" class="image">
<h5 class="name">{{ item.name }}<span class="quantity" *ngIf="item.quantity !== 1"> x{{ item.quantity }}</span></h5>
<span class="price"><b>{{ (item.price * item.quantity).toFixed(2) }} {{ this.backend.currencyPrefix() }}</b><br>