Netsyms/HelenaExpressApp
2
0
Fork 0
Code Issues Pull Requests Releases 15 Wiki Activity

Add filler image/text when no receipts to show

Browse Source
This commit is contained in:
Skylar Ittner 2022-05-02 20:40:04 -06:00
parent ab037d08d7
commit 1e06e7c62b
2 changed files with 25 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
www/assets/images/receipt.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 5.7 KiB

40
www/pages/receipts.html
View File

@ -20,6 +20,7 @@
<div class="page-content noselect">
<div class="row justify-content-center">
{{#if receipts}}
<div class="col-100 medium-60 large-50 xlarge-40 elevation-tablet margin-top-tablet">
<div class="list transparent media-list no-hairlines no-margin-top no-margin-bottom tablet-inset">
<ul>
@ -38,23 +39,30 @@
</ul>
</div>
</div>
</div>
</div>
<div class="popup" id="receiptViewerPopup" style="overflow: hidden;">
<div class="navbar">
<div class="navbar-bg"></div>
<div class="navbar-inner">
<div class="left">
<a class="link popup-close" href="#">
<i class="icon icon-back"></i>
<span class="if-not-md">Close</span>
</a>
{{else}}
<div class="col-100 medium-60 large-50 xlarge-40">
<div class="block text-align-center">
<img src="assets/images/receipt.svg" class="margin" style="max-height: 40vh; max-width: 90%; height: 50rem;" />
<p class="margin padding">You don't have any receipts linked to your account. Use our services to get some!</p>
</div>
<div class="title">Receipt</div>
</div>
{{/if}}
</div>
<iframe id="receiptvieweriframe"></iframe>
</div>
</div>
<div class="popup" id="receiptViewerPopup" style="overflow: hidden;">
<div class="navbar">
<div class="navbar-bg"></div>
<div class="navbar-inner">
<div class="left">
<a class="link popup-close" href="#">
<i class="icon icon-back"></i>
<span class="if-not-md">Close</span>
</a>
</div>
<div class="title">Receipt</div>
</div>
</div>
<iframe id="receiptvieweriframe"></iframe>
</div>
</div>