Adds address component

This commit is contained in:
Sam Cheng Hung 2018-07-19 20:21:58 +08:00
commit 22e93b823c
5 changed files with 74 additions and 8 deletions

View file

@ -20,7 +20,7 @@
<div class="card">
<div class="item item-compact">From:</div>
<div class="item item-gutterless item-complex item-avatar">
<div class="item-content item-content-compact">
<div class="item-content item-content-avatar">
<i class="icon big-icon-svg theme-circle theme-circle-services">
<div class="bg icon-wallet"
ng-style="{'background-color': '#eeb640'}"
@ -34,7 +34,7 @@
<div class="card">
<div class="item item-compact">From:</div>
<div class="item item-gutterless item-complex item-avatar">
<div class="item-content item-content-compact">
<div class="item-content item-content-avatar">
<i class="icon big-icon-svg theme-circle theme-circle-services">
<div class="bg icon-wallet"
ng-style="{'background-color': '#535353'}"></div>
@ -47,11 +47,14 @@
<div class="card">
<div class="item item-compact">To:</div>
<div class="item item-gutterless item-complex item-avatar">
<div class="item-content item-content-compact">
<div class="item-content item-content-avatar">
<img src="img/contact-placeholder.svg" class="bg">
<h2>Satoshi Nakamoto</h2>
<p>128.67</p>
</div>
<div class="item-content item-content-compact" ng-init="addressExpanded = false">
<div class="address" ng-class="{ 'expanded': addressExpanded }" ng-click="addressExpanded = !addressExpanded"><span class="prefix">qz9cq</span><span class="mid">q5pryv9hnqwa8q8mccmynk9uf4vlu5nxer</span><span class="suffix">pzmc</span></div>
</div>
</div>
</div>
</div>