Make home page cards same height

master
Skylar Ittner 2 years ago
parent c35de6ff64
commit 44c929c531

@ -25,7 +25,7 @@
<div class="page-content noselect">
<div class="row justify-content-center margin-top">
<div class="col-100 medium-90 xlarge-75">
<div class="row justify-content-center">
<div class="row justify-content-center align-items-stretch">
{{#if accountsetup}}{{else}}
<div class="col-100 small-33 large-25 no-margin" id="finishaccountsetupnag">
<div class="card hapticbtn pointercursor" onclick="router.navigate('/account');">
@ -43,20 +43,20 @@
</div>
{{/if}}
<div class="col-100 small-33 large-25 no-margin">
<div class="row justify-content-center">
<div class="row justify-content-center align-items-stretch">
<div class="col-50 small-100">
<div class="card hapticbtn pointercursor margin-h-half" onclick="router.navigate('/track');">
<div class="card hapticbtn pointercursor margin-h-half homepage-card display-flex justify-content-center align-items-center" onclick="router.navigate('/track');">
<div class="card-content padding-half display-flex justify-content-center align-items-center">
<h2 class="no-margin"><i class="fad fa-search"></i></h2>
<span style="font-weight: 700; margin-left: 1em;">Track Package</span>
<span style="font-weight: 700; margin-left: 1em;">Track a Package</span>
</div>
</div>
</div>
<div class="col-50 small-100">
<div class="card hapticbtn pointercursor margin-h-half" onclick="router.navigate('/rates');">
<div class="card hapticbtn pointercursor margin-h-half homepage-card display-flex justify-content-center align-items-center" onclick="router.navigate('/rates');">
<div class="card-content padding-half display-flex justify-content-center align-items-center">
<h2 class="no-margin"><i class="fad fa-calculator"></i></h2>
<span style="font-weight: 700; margin-left: 1em;">Shipping Rates</span>
<span style="font-weight: 700; margin-left: 1em;">Get Shipping Rates</span>
</div>
</div>
</div>
@ -64,7 +64,7 @@
</div>
{{#each pages}}
<div class="col-50 small-33 large-25 no-margin">
<div class="card hapticbtn pointercursor" onclick="router.navigate('{{href}}');">
<div class="card hapticbtn pointercursor homepage-card" onclick="router.navigate('{{href}}');">
<div class="card-content text-align-center padding-half">
<h1 class="no-margin"><i class="{{icon}}"></i></h1>
<br />

Loading…
Cancel
Save