Adding styles for third tab - altcoin payments

This commit is contained in:
lepipele 2018-03-16 23:14:13 -05:00
parent 636224d0c8
commit f337470f09
2 changed files with 25 additions and 6 deletions

View File

@ -100,10 +100,6 @@
<img style="height:32px; margin-left:5px;" alt="@crypto.PaymentMethodId" src="@crypto.CryptoImage" />
</a>
}
<script>function shapeshift_click(a, e) { e.preventDefault(); var link = a.href; var shapeshiftWindow = window.open(link, '1418115287605', 'width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=0,left=0,top=0'); shapeshiftWindow.focus(); return false; }</script>
<a onclick="shapeshift_click(this, event);" v-bind:href="srvModel.shapeshiftUrl">
<img src="https://shapeshift.io/legacy/images/lens_icon.png" class="ss-button" style="height:32px; margin-left: 5px;">
</a>
</div>
<div class="payment__spinner">
<bp-spinner>
@ -174,7 +170,10 @@
<div class="payment-tabs__tab" id="copy-tab">
<span i18n="">Copy</span>
</div>
<div class="payment-tabs__slider"></div>
<div class="payment-tabs__tab" id="altcoins-tab">
<span i18n="">Altcoins</span>
</div>
<div id="tabsSlider" class="payment-tabs__slider three-tabs"></div>
</div>
</div>
<div adjust-height="" class="payment-box">
@ -263,6 +262,13 @@
</div>
</div>
</div>
<div id="altcoins" class="bp-view payment manual-flow">
<p>Instructions... understand there is forwarding time...</p>
<script>function shapeshift_click(a, e) { e.preventDefault(); var link = a.href; var shapeshiftWindow = window.open(link, '1418115287605', 'width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=0,left=0,top=0'); shapeshiftWindow.focus(); return false; }</script>
<a onclick="shapeshift_click(this, event);" v-bind:href="srvModel.shapeshiftUrl">
<img src="https://shapeshift.io/legacy/images/lens_icon.png" class="ss-button" style="height:32px; margin-left: 5px;">
</a>
</div>
<div class="bp-view" id="link-expired" style="padding-top: 3.6rem;">
<div class="manual__step-one refund-address-form" novalidate="">
<div class="manual__step-one__header" i18n="">Link Expired</div>

View File

@ -8562,10 +8562,23 @@ strong {
transition: all .2s ease;
}
.payment-tabs__slider.slide-right {
.payment-tabs__slider.two-tabs.slide-copy {
right: 0;
}
.payment-tabs__slider.three-tabs {
width: 33%;
right: 67%;
}
.payment-tabs__slider.three-tabs.slide-copy {
right: 33%;
}
.payment-tabs__slider.three-tabs.slide-altcoins {
right: 0;
}
.manual__step-one__header {
padding-top: 20px;
text-align: center;