taler/wallet-core
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Activity

styling of QR withdraw page

Browse Source
This commit is contained in:
Christian Grothoff 2022-10-28 12:40:24 +02:00
parent aa6227b2b8
commit f55703b0a1
No known key found for this signature in database
GPG Key ID: 939E6BE1E29FC3CC
3 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
build-system/taler-build-scripts

@ -1 +1 @@
Subproject commit e3262f44d5e0947bfef736059e82cd8dbf1f9445 Subproject commit 38c168b11eeeab93562ffa74b3e2aff4b596c77a

8
packages/demobank-ui/src/pages/home/index.tsx
View File

@ -1516,7 +1516,9 @@ function QrCodeSection({
return ( return (
<section id="main" class="content"> <section id="main" class="content">
<h1 class="nav">{i18n`Charge Taler Wallet`}</h1> <h1 class="nav">{i18n`Charge Taler Wallet`}</h1>
<p>{i18n`You can use this QR code to withdraw to your mobile wallet:`}</p> <article>
<div class="qr-div">
<p>{i18n`Use this QR code to withdraw to your mobile wallet:`}</p>
{QR({ text: talerWithdrawUri })} {QR({ text: talerWithdrawUri })}
<p> <p>
Click <a id="linkqr" href={talerWithdrawUri}>{i18n`this link`}</a> to Click <a id="linkqr" href={talerWithdrawUri}>{i18n`this link`}</a> to
@ -1524,6 +1526,8 @@ function QrCodeSection({
</p> </p>
<br /> <br />
{abortButton} {abortButton}
</div>
</article>
</section> </section>
); );
} }
@ -1540,7 +1544,7 @@ function TalerWithdrawalQRCode(Props: any): VNode {
const i18n = useTranslator(); const i18n = useTranslator();
const abortButton = ( const abortButton = (
<a <a
class="pure-button" class="pure-button btn-cancel"
onClick={() => { onClick={() => {
pageStateSetter((prevState: PageStateType) => { pageStateSetter((prevState: PageStateType) => {
return { return {

1
packages/demobank-ui/src/scss/bank.scss
View File

@ -15,6 +15,7 @@ div.pages-list {
margin-top: 15px; margin-top: 15px;
} }
.qr-div,
.login-div, .login-div,
.register-div { .register-div {
display: block; display: block;