aidan/pontus-mail
Archived
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

improve styling of donations for mobile devices

Browse Source
This commit is contained in:
Aidan 2025-01-20 00:18:41 -05:00
parent c1382da5a6
commit 2469ca5a79
2 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
public/css/donate.css
View File

@ -1,4 +1,4 @@
.monero { .overflow {
max-height: 100px; max-height: 100px;
overflow-y: auto; overflow-y: auto;
} }

10
src/donate.ejs
View File

@ -17,27 +17,27 @@
<div class="text-start"> <div class="text-start">
<h5><i class="fa-brands fa-bitcoin ico-sm" style="color: #f7931a;"></i> Bitcoin</h5> <h5><i class="fa-brands fa-bitcoin ico-sm" style="color: #f7931a;"></i> Bitcoin</h5>
<div class="d-flex justify-content-between"> <div class="d-flex justify-content-between">
<p id="bitcoin-address"><%= bitcoin %></p> <p id="bitcoin-address" class="overflow"><%= bitcoin %></p>
<button class="btn btn-outline-secondary btn-sm ms-2" onclick="copyToClipboard('bitcoin-address')">Copy</button> <button class="btn btn-outline-secondary btn-sm ms-2" onclick="copyToClipboard('bitcoin-address')">Copy</button>
</div> </div>
<h5><i class="fa-brands fa-ethereum ico-sm" style="color: #3c3c3d;"></i> Ethereum</h5> <h5><i class="fa-brands fa-ethereum ico-sm" style="color: #3c3c3d;"></i> Ethereum</h5>
<div class="d-flex justify-content-between"> <div class="d-flex justify-content-between">
<p id="ethereum-address"><%= ethereum %></p> <p id="ethereum-address" class="overflow"><%= ethereum %></p>
<button class="btn btn-outline-secondary btn-sm ms-2" onclick="copyToClipboard('ethereum-address')">Copy</button> <button class="btn btn-outline-secondary btn-sm ms-2" onclick="copyToClipboard('ethereum-address')">Copy</button>
</div> </div>
<h5><i class="fa-solid fa-litecoin-sign ico-sm" style="color: #bebebe;"></i> Litecoin</h5> <h5><i class="fa-solid fa-litecoin-sign ico-sm" style="color: #bebebe;"></i> Litecoin</h5>
<div class="d-flex justify-content-between"> <div class="d-flex justify-content-between">
<p id="litecoin-address"><%= litecoin %></p> <p id="litecoin-address" class="overflow"><%= litecoin %></p>
<button class="btn btn-outline-secondary btn-sm ms-2" onclick="copyToClipboard('litecoin-address')">Copy</button> <button class="btn btn-outline-secondary btn-sm ms-2" onclick="copyToClipboard('litecoin-address')">Copy</button>
</div> </div>
<h5><i class="fa-brands fa-monero ico-sm" style="color: #fc6621;"></i> Monero</h5> <h5><i class="fa-brands fa-monero ico-sm" style="color: #fc6621;"></i> Monero</h5>
<div class="d-flex justify-content-between"> <div class="d-flex justify-content-between">
<p id="monero-address" class="monero"><%= monero %></p> <p id="monero-address" class="overflow"><%= monero %></p>
<button class="btn btn-outline-secondary btn-sm ms-2" onclick="copyToClipboard('monero-address')">Copy</button> <button class="btn btn-outline-secondary btn-sm ms-2" onclick="copyToClipboard('monero-address')">Copy</button>
</div> </div>
<h5><i class="fa-solid fa-dollar-sign ico-sm"></i> Solana</h5> <h5><i class="fa-solid fa-dollar-sign ico-sm"></i> Solana</h5>
<div class="d-flex justify-content-between"> <div class="d-flex justify-content-between">
<p id="solana-address"><%= solana %></p> <p id="solana-address" class="overflow"><%= solana %></p>
<button class="btn btn-outline-secondary btn-sm ms-2" onclick="copyToClipboard('solana-address')">Copy</button> <button class="btn btn-outline-secondary btn-sm ms-2" onclick="copyToClipboard('solana-address')">Copy</button>
</div> </div>
</div> </div>