lfg2025/sapien
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Show spinner while creating BTC invoice

Browse Source
This commit is contained in:
Dorian
2026-05-15 16:23:08 -05:00
parent 030c84cc52
commit d6f621236f
2 changed files with 40 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
src/style.css
View File

@@ -1879,6 +1879,7 @@ body.menu-open {
.payment-choice-card {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
width: 100%;
gap: 0.35rem;
border: 1px solid rgba(250, 250, 250, 0.18);
@@ -1890,6 +1891,12 @@ body.menu-open {
transition: border-color 180ms ease, background 180ms ease, transform 180ms ease;
}
.payment-choice-card > span:not(.payment-choice-spinner),
.payment-choice-card > strong,
.payment-choice-card > small {
grid-column: 1;
}
.payment-choice-card:hover:not(:disabled) {
border-color: rgba(250, 250, 250, 0.42);
background: rgba(250, 250, 250, 0.09);
@@ -1931,6 +1938,30 @@ body.menu-open {
line-height: 1.55;
}
.payment-choice-spinner {
grid-column: 2;
grid-row: 1 / span 3;
display: grid;
width: 2.75rem;
height: 2.75rem;
place-items: center;
align-self: center;
justify-self: end;
border: 1px solid rgba(242, 169, 0, 0.34);
border-radius: 999px;
background: rgba(0, 0, 0, 0.36);
box-shadow: 0 0 1.4rem rgba(242, 169, 0, 0.16);
}
.payment-choice-spinner img {
width: 1.45rem;
height: auto;
filter:
drop-shadow(0 0 0.4rem rgba(242, 169, 0, 0.62))
drop-shadow(0 0 1rem rgba(0, 0, 0, 0.8));
animation: card-logo-spin 900ms cubic-bezier(0.45, 0, 0.2, 1) infinite;
}
.bitcoin-invoice-panel {
display: grid;
justify-items: center;