Pear-Trading/FoodLoop-Web
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

updated pie css

Browse source
This commit is contained in:
piratefinn 2017-12-21 17:20:56 +00:00
parent f9711b6686
commit 71eee8f06b
4 changed files with 43 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

52
src/app/snippets/cust-snippet-bar.component.html
View file

@ -1,16 +1,22 @@
<div class="card text-center">
<div class="card-block">
<ul style="list-style: none; padding-left: 0;">
<div class="row no-gutters">
<div class="col-12 col-sm-6 col-md-3 mx-auto">
<div class="row">
<div class="col-md-6 col-xl-3">
<div class="card text-center" style="background-color: transparent; border: none">
<div class="card-block">
<ul style="list-style: none; padding-left: 0;">
<li class="hidden-sm-down">
<div>My Points</div>
<div><h5 class="text-dark-green">My Points</h5></div>
<div class="number-circle mx-auto"><strong>{{ userSum / 10 | number:'1.0-0' }}</strong></div>
</li>
</div>
<div class="col-12 col-sm-6 col-md-3 mx-auto">
</ul>
</div>
</div>
</div>
<div class="col-md-6 col-xl-3">
<div class="card text-center" style="background-color: transparent; border: none">
<div class="card-block">
<ul style="list-style: none; padding-left: 0;">
<li class="hidden-sm-down">
<div class="">My Rank</div>
<div><h5 class="text-dark-green">My Rank</h5></div>
<div *ngIf="userPosition == 0" class="statuscontent">
<div class="number-circle mx-auto"><strong>Unranked</strong></div>
</div>
@ -18,20 +24,32 @@
<div class="number-circle mx-auto"><strong>{{ userPosition }}</strong></div>
</div>
</li>
</div>
<div class="col-12 col-sm-6 col-md-3 mx-auto">
</ul>
</div>
</div>
</div>
<div class="col-md-6 col-xl-3">
<div class="card text-center" style="background-color: transparent; border: none">
<div class="card-block">
<ul style="list-style: none; padding-left: 0;">
<li class="hidden-sm-down">
<div class="">My Total Spend</div>
<div><h5 class="text-dark-green">My Total Spend</h5></div>
<div class="number-circle mx-auto"><strong>{{ userSum | currency:'GBP':'symbol':'1.2-2' }}</strong></div>
</li>
</div>
<div class="col-12 col-sm-6 col-md-3 mx-auto">
</ul>
</div>
</div>
</div>
<div class="col-md-6 col-xl-3">
<div class="card text-center" style="background-color: transparent; border: none">
<div class="card-block">
<ul style="list-style: none; padding-left: 0;">
<li class="hidden-sm-down">
<div class="">Value to Local Economy</div>
<div><h5 class="text-dark-green">Value to Local Economy</h5></div>
<div class="number-circle mx-auto"><strong>{{ userSum * 2.3 | currency:'GBP':'symbol':'1.2-2' }}</strong></div>
</li>
</div>
</ul>
</div>
</ul>
</div>
</div>
</div>