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