aljaz/btcpayserver
1
0
Fork 0
mirror of https://github.com/aljazceru/btcpayserver.git synced 2026-01-03 06:04:24 +01:00
Code Issues Packages Projects Releases Wiki Activity

Complete switch to new styles for regular copy tab

Browse Source
This commit is contained in:
lepipele
2018-03-29 23:02:09 -05:00
committed by nicolas.dorier
parent 08e31f6fe8
commit fa0fa28949
2 changed files with 47 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
BTCPayServer/Views/Invoice/Checkout-Body.cshtml
View File

@@ -195,26 +195,19 @@
</div>
</nav>
<nav v-else>
<div class="manual-box flipped" style="margin-bottom: 30px;">
<div class="manual-box__amount copySectionBox">
<div class="copyBox">
<div class="copySectionBox bottomBorder">
<label>{{$t("Amount")}}</label>
<div class="manual-box__amount__value copy-cursor" ngxclipboard="">
<span>{{srvModel.btcDue}}</span> {{ srvModel.cryptoCode }}
</div>
</div>
<div class="manual-box__address">
<div class="flipper flipped-initially">
<div class="back"></div>
<div class="front">
<div class="manual-box__address__arrow"></div>
<div class="copySectionBox">
<label>{{$t("Address")}}</label>
<div class="inputWithIcon">
<input type="text" class="checkoutTextbox" v-bind:value="srvModel.btcAddress" readonly="readonly" />
<img v-bind:src="srvModel.cryptoImage" />
</div>
</div>
</div>
<div class="separatorGem"></div>
<div class="copySectionBox">
<label>{{$t("Address")}}</label>
<div class="inputWithIcon">
<input type="text" class="checkoutTextbox" v-bind:value="srvModel.btcAddress" readonly="readonly" />
<img v-bind:src="srvModel.cryptoImage" />
</div>
</div>
</div>

46
BTCPayServer/wwwroot/css/normalizer.css
View File

@@ -11293,13 +11293,45 @@ low-fee-timeline {
/* checkout additions */
.copySectionBox label {
text-transform: uppercase;
font-size: 10px;
color: #515664;
opacity: .5;
letter-spacing: .6px;
margin-bottom: 10px;
.copyBox {
text-align: center;
position: relative;
border-radius: 5px;
border: 1px solid #E9E9E9;
background: #fff;
}
.copySectionBox {
padding: 12px;
}
.copySectionBox label {
text-transform: uppercase;
font-size: 10px;
color: #515664;
opacity: .5;
letter-spacing: .6px;
margin-bottom: 10px;
}
.copySectionBox.bottomBorder {
border-bottom: 1px solid #e9e9e9;
}
.separatorGem {
position: relative;
height: 10px;
width: 10px;
left: 50%;
border-right: 1px solid #E9E9E9;
border-bottom: 1px solid #E9E9E9;
transform: rotateZ(45deg);
margin-left: -5px;
top: -5px;
background: #329F80;
transform-style: preserve-3d;
backface-visibility: hidden;
margin-bottom: -10px;
}
.checkoutTextbox {