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

Make Drop and Send page more consistent with rest of app

Browse Source
This commit is contained in:
Skylar Ittner 2022-01-12 12:38:14 -07:00
parent a697b5fd0c
commit d4309871e3
1 changed files with 63 additions and 59 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
www/pages/dropandsend.html
View File

@ -20,8 +20,10 @@
<div class="page-content"> <div class="page-content">
<div class="row justify-content-center"> <div class="row justify-content-center">
<div class="col-100 medium-60 large-50 xlarge-40"> <div class="col-100 medium-90 xlarge-75 margin-horizontal">
<div class="list transparent no-hairlines no-margin-top-sm tablet-inset elevation-tablet media-list"> <div class="card margin">
<div class="card-content text-align-center padding-vertical">
<div class="list media-list">
<ul> <ul>
<li class="padding text-align-center"> <li class="padding text-align-center">
Use one of our Drop and Send package drop boxes or partner locations for easier shipping, Use one of our Drop and Send package drop boxes or partner locations for easier shipping,
@ -37,7 +39,7 @@
<li> <li>
<div class="item-content item-link hapticbtn popup-open" data-popup="#dasHowItWorksPopup"> <div class="item-content item-link hapticbtn popup-open" data-popup="#dasHowItWorksPopup">
<div class="item-inner"> <div class="item-inner">
<div class="item-title-row"> <div class="item-title-row justify-content-center">
<div class="item-title"><i class="fas fa-question-circle"></i> How It Works</div> <div class="item-title"><i class="fas fa-question-circle"></i> How It Works</div>
</div> </div>
<div class="item-text">Learn how Drop and Send works when sending a package.</div> <div class="item-text">Learn how Drop and Send works when sending a package.</div>
@ -47,7 +49,7 @@
<li> <li>
<div class="item-content item-link hapticbtn popup-open" data-popup="#dasLocationMapPopup"> <div class="item-content item-link hapticbtn popup-open" data-popup="#dasLocationMapPopup">
<div class="item-inner"> <div class="item-inner">
<div class="item-title-row"> <div class="item-title-row justify-content-center">
<div class="item-title"><i class="fas fa-map-marked"></i> Locations</div> <div class="item-title"><i class="fas fa-map-marked"></i> Locations</div>
</div> </div>
<div class="item-text">Find a nearby Drop and Send location to use.</div> <div class="item-text">Find a nearby Drop and Send location to use.</div>
@ -57,7 +59,7 @@
<li> <li>
<div class="item-content item-link hapticbtn" id="pickupCodeQRScanBtn"> <div class="item-content item-link hapticbtn" id="pickupCodeQRScanBtn">
<div class="item-inner"> <div class="item-inner">
<div class="item-title-row"> <div class="item-title-row justify-content-center">
<div class="item-title"><i class="fas fa-qrcode"></i> Scan Pickup Code</div> <div class="item-title"><i class="fas fa-qrcode"></i> Scan Pickup Code</div>
</div> </div>
<div class="item-text">Scan a Pickup Code on a drop box and we'll come get your package.</div> <div class="item-text">Scan a Pickup Code on a drop box and we'll come get your package.</div>
@ -67,7 +69,7 @@
<li> <li>
<div class="item-content item-link hapticbtn" id="pickupCodeManualEntryBtn"> <div class="item-content item-link hapticbtn" id="pickupCodeManualEntryBtn">
<div class="item-inner"> <div class="item-inner">
<div class="item-title-row"> <div class="item-title-row justify-content-center">
<div class="item-title"><i class="fas fa-keyboard"></i> Type Location Number</div> <div class="item-title"><i class="fas fa-keyboard"></i> Type Location Number</div>
</div> </div>
<div class="item-text">Type the location number on the drop box and we'll come get your package.</div> <div class="item-text">Type the location number on the drop box and we'll come get your package.</div>
@ -88,6 +90,8 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</div>
<div class="popup" id="dasLocationMapPopup"> <div class="popup" id="dasLocationMapPopup">
<div class="navbar"> <div class="navbar">