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="page-content noselect">
<div class="row justify-content-center margin-top"> <div class="row justify-content-center margin-top">
<div class="col-100 medium-90 xlarge-75"> <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}} {{#if accountsetup}}{{else}}
<div class="col-100 small-33 large-25 no-margin" id="finishaccountsetupnag"> <div class="col-100 small-33 large-25 no-margin" id="finishaccountsetupnag">
<div class="card hapticbtn pointercursor" onclick="router.navigate('/account');"> <div class="card hapticbtn pointercursor" onclick="router.navigate('/account');">
@ -43,20 +43,20 @@
</div> </div>
{{/if}} {{/if}}
<div class="col-100 small-33 large-25 no-margin"> <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="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"> <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> <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>
</div> </div>
<div class="col-50 small-100"> <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"> <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> <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> </div>
</div> </div>
@ -64,7 +64,7 @@
</div> </div>
{{#each pages}} {{#each pages}}
<div class="col-50 small-33 large-25 no-margin"> <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"> <div class="card-content text-align-center padding-half">
<h1 class="no-margin"><i class="{{icon}}"></i></h1> <h1 class="no-margin"><i class="{{icon}}"></i></h1>
<br /> <br />

Loading…
Cancel
Save