random-mirrors/based.cooking
1
0
Fork 0
mirror of https://github.com/LukeSmithxyz/based.cooking.git synced 2024-11-27 07:55:43 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix crypto QR alignment

Browse Source 
Aligned the crypto QR codes seen on the main page.
Also added some padding to the images so that they don't touch
the line at the bottom or the addresses.
This commit is contained in:
anon 2022-10-21 23:29:55 +02:00
parent 033ef091dc
commit 65ffd3a225
2 changed files with 9 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
layouts/shortcodes/crypto.html
View File

@ -1,12 +1,16 @@
<div class=cryptocontainer> <div class=cryptocontainer>
<div class=cryptoinfo> <div class=cryptoinfo>
<div class=cryptotext>
<img alt="" style="max-height:1em;max-width:1em;display:inline" src=/pix/xmr.svg> Monero <br> <img alt="" style="max-height:1em;max-width:1em;display:inline" src=/pix/xmr.svg> Monero <br>
<code style="font-size:xx-small;overflow-wrap:break-word;">84N9N3DMWhQ9cstHwGEjo8hEvm9bjeYgjV5fLrGK6TmA9iVPjnU7NMUT7gyAc22UgGAVTCUgReQ1J67znhWP3L52Usfw6jg</code><br> <code style="font-size:xx-small;overflow-wrap:break-word;">84N9N3DMWhQ9cstHwGEjo8hEvm9bjeYgjV5fLrGK6TmA9iVPjnU7NMUT7gyAc22UgGAVTCUgReQ1J67znhWP3L52Usfw6jg</code><br>
</div>
<a href=/pix/monero-based-cooking.png><img alt="Monero QR Code" class=qr src=/pix/monero-based-cooking.png></a> <a href=/pix/monero-based-cooking.png><img alt="Monero QR Code" class=qr src=/pix/monero-based-cooking.png></a>
</div> </div>
<div class=cryptoinfo> <div class=cryptoinfo>
<div class=cryptotext>
<img alt="" style="max-height:1em;max-width:1em;display:inline" src=/pix/btc.svg> Bitcoin <br> <img alt="" style="max-height:1em;max-width:1em;display:inline" src=/pix/btc.svg> Bitcoin <br>
<code style="font-size:small;overflow-wrap:break-word;">bc1q763s4ud0hgfa66ce64gyh6tsss49vyk5cqcm6w</code><br> <code style="font-size:small;overflow-wrap:break-word;">bc1q763s4ud0hgfa66ce64gyh6tsss49vyk5cqcm6w</code><br>
</div>
<a href=/pix/bitcoin-based-cooking.png><img alt="Bitcoin QR Code" class=qr src=/pix/bitcoin-based-cooking.png></a> <a href=/pix/bitcoin-based-cooking.png><img alt="Bitcoin QR Code" class=qr src=/pix/bitcoin-based-cooking.png></a>
</div> </div>
</div> </div>

5
static/style.css
View File

@ -281,6 +281,9 @@ button#clear-search:hover {
text-align: center ; text-align: center ;
padding-left: 10px ; padding-left: 10px ;
padding-right: 10px ; padding-right: 10px ;
display: flex;
flex-direction: column;
justify-content: space-between;
} }
.cryptoinfo code { .cryptoinfo code {
font-size: small ; font-size: small ;
@ -288,6 +291,8 @@ button#clear-search:hover {
} }
.qr { .qr {
max-height: 150px; ; max-height: 150px; ;
padding-top: 10px;
padding-bottom: 10px;
} }
.js-only { display: none ; } .js-only { display: none ; }