Commit 3acdd661 authored by Dario's avatar Dario

Fixed "cryptocurrencies" section with some css and js

parent 326c0247
Pipeline #1360 failed with stage
......@@ -47,14 +47,14 @@
<div class="row">
<div class="col-md-12 col-sm-12 col-lg-12">
<div style="background:linear-gradient(rgba(0, 0, 0, 0.6), rgba(0,0,0,0.5));padding:2em;margin-top:5em">
<h1 class="text-center">{{ $data.donate.crypto.title }}</h1>
<h1 class="style text-center">{{ $data.donate.crypto.title }}</h1>
<p>{{ $data.donate.crypto.text }}</p>
<p>BTC: <b>{{ $data.donate.crypto.btc }}</b></p>
<p>BTC Bech32: <b>{{ $data.donate.crypto.btcb32 }}</b></p>
<p>LTC: <b>{{ $data.donate.crypto.ltc }}</b></p>
<p>LTC Bech32: <b>{{ $data.donate.crypto.ltcb32 }}</b></p>
<p>XLM: <b>{{ $data.donate.crypto.xlm }}</b></p>
<p>ETH: <b>{{ $data.donate.crypto.eth }}</b></p>
<p><button class="btn btn-copy" data-clipboard="{{ $data.donate.crypto.btc }}">BTC</button><b class="b-style">{{ $data.donate.crypto.btc }}</b></p>
<p><button class="btn btn-copy" data-clipboard="{{ $data.donate.crypto.btcb32 }}">BTC Bech32</button><b class="b-style">{{ $data.donate.crypto.btcb32 }}</b></p>
<p><button class="btn btn-copy" data-clipboard="{{ $data.donate.crypto.ltc }}">LTC</button><b class="b-style">{{ $data.donate.crypto.ltc }}</b></p>
<p><button class="btn btn-copy" data-clipboard="{{ $data.donate.crypto.ltcb32 }}">LTC Bech32</button><b class="b-style">{{ $data.donate.crypto.ltcb32 }}</b></p>
<p><button class="btn btn-copy" data-clipboard="{{ $data.donate.crypto.xlm }}">XLM</button><b class="b-style">{{ $data.donate.crypto.xlm }}</b></p>
<p><button class="btn btn-copy" data-clipboard="{{ $data.donate.crypto.eth }}">ETH</button><b class="b-style">{{ $data.donate.crypto.eth }}</b></p>
<p>ETH ERC20: {{ $data.donate.crypto.erc20 }}</p>
</div>
</div>
......
/* btn style for cryptocurrency div */
.btn-copy {
background: #57cbcc;
color: #fff;
display: inline-block;
font-size: 14px;
letter-spacing: 1px;
padding: 10px 35px;
text-transform: uppercase;
}
.btn-copy:hover {
background: #2c9091;
color: #fff;
}
.b-style {
background: none;
display: inline-block;
font-size: 14px;
letter-spacing: 1px;
padding: 10px 35px;
border: 1px solid #57cbcc;
}
@media only screen
and (max-width: 991px) {
h1.style {
font-size: 2rem;
}
.b-style {
width: 60%;
overflow-y: auto;
overflow-x: scroll;
position: relative;
display: inline-flex;
vertical-align: middle;
}
.btn-copy {
width: 40%;
padding-left: 1px;
padding-right: 1px;
}
}
\ No newline at end of file
/* ========================================================================= */
/* copy function
/* ========================================================================= */
$(document).ready(
function() {
$('.btn-copy').on("click",
function() {
value = $(this).data('clipboard');
let $tmp = $("<input>");
$("body").append($tmp);
$tmp.val(value).select();
document.execCommand("copy");
$(this).text('copied!');
$tmp.remove();
})
})
\ No newline at end of file
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment