earthjasonlin/donate
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: transparent background qr code, better look

Browse Source
This commit is contained in:
Zichao Lin 2024-08-22 23:58:24 +08:00
parent 5c0acdc32e
commit 76f6daed68
Signed by: earthjasonlin
GPG Key ID: 406D9913DE2E42FB
6 changed files with 5 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
qr/btc-taproot.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 54 KiB

After

Width:  |  Height:  |  Size: 277 KiB

BIN
qr/eth.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 53 KiB

After

Width:  |  Height:  |  Size: 258 KiB

BIN
qr/sol.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 53 KiB

After

Width:  |  Height:  |  Size: 233 KiB

BIN
qr/trx.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 52 KiB

After

Width:  |  Height:  |  Size: 214 KiB

BIN
qr/xmr-1.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 58 KiB

After

Width:  |  Height:  |  Size: 284 KiB

14
styles.css
View File

@ -1,6 +1,6 @@
body {
font-family: Microsoft YaHei;
/* background-color: #f2f2f2; */
font-weight: bold;
background-image: url("img/bg.jpg");
background-size: cover;
background-position: center;
@ -14,7 +14,7 @@ body {
.container {
z-index: 1;
background-color: rgba(255, 255, 255, 0.6);
background-color: rgba(255, 255, 255, 0.5);
border-radius: 15px;
text-align: center;
padding: 20px;
@ -22,10 +22,8 @@ body {
.card {
width: 300px;
background-color: rgba(255, 255, 255, 0.6);
border-radius: 15px;
padding: 20px;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
margin-bottom: 20px;
transition: transform 0.3s ease-in-out;
word-wrap: break-word;
@ -46,7 +44,7 @@ h1 {
font-size: 16px;
line-height: 1.5em;
margin-bottom: 20px;
color: #e48237ff;
color: rgb(197, 41, 2);
}
.donation-card {
@ -78,16 +76,13 @@ select {
#qr-code {
width: 150px;
margin-bottom: 15px;
}
#address {
font-family: consolas;
font-size: 14px;
background-color: #f0f0f0;
padding: 10px;
border-radius: 10px;
margin-bottom: 10px;
margin-top: 0;
word-break: break-all;
}
@ -153,5 +148,6 @@ button:hover {
footer {
font-size: 14px;
font-weight: normal;
color: #777;
}