recovery page: add Parity logo

This commit is contained in:
Jannis R 2016-11-30 20:42:22 +01:00
parent cf85d1978f
commit e43457a6ce
No known key found for this signature in database
GPG Key ID: 0FE83946296A88A5
3 changed files with 14 additions and 6 deletions

View File

@ -23,6 +23,7 @@ import Button from '../../../ui/Button';
import { createIdentityImg } from '../../../api/util/identity'; import { createIdentityImg } from '../../../api/util/identity';
import print from './print'; import print from './print';
import recoveryPage from './recovery-page.ejs'; import recoveryPage from './recovery-page.ejs';
import ParityLogo from '../../../../assets/images/parity-logo-black-no-text.svg';
export default class AccountDetails extends Component { export default class AccountDetails extends Component {
static propTypes = { static propTypes = {
@ -89,6 +90,6 @@ export default class AccountDetails extends Component {
const { address, phrase, name } = this.props; const { address, phrase, name } = this.props;
const identity = createIdentityImg(address); const identity = createIdentityImg(address);
print(recoveryPage({ phrase, name, identity, address })); print(recoveryPage({ phrase, name, identity, address, logo: ParityLogo }));
} }
} }

View File

@ -54,8 +54,10 @@ export default (html) => {
setTimeout(() => { setTimeout(() => {
iframe.contentDocument.write(html); iframe.contentDocument.write(html);
setTimeout(() => {
onPrint(iframe.contentWindow, teardown); onPrint(iframe.contentWindow, teardown);
iframe.contentWindow.focus(); iframe.contentWindow.focus();
iframe.contentWindow.print(); iframe.contentWindow.print();
}, 20);
}, 0); }, 0);
}; };

View File

@ -7,7 +7,7 @@
<meta name="viewport" content="width=device-width"> <meta name="viewport" content="width=device-width">
<style> <style>
body { body {
margin: 3em auto; margin: 2em auto;
max-width: 30em; max-width: 30em;
padding: 1em; padding: 1em;
text-align: center; text-align: center;
@ -15,6 +15,10 @@
font-family: sans-serif; font-family: sans-serif;
font-weight: 300; font-weight: 300;
} }
#logo {
max-width: 4rem;
margin-bottom: 3rem;
}
p { p {
margin-bottom: 1rem; margin-bottom: 1rem;
} }
@ -33,9 +37,10 @@
</style> </style>
</head> </head>
<body> <body>
<img id="logo" src="<%= logo %>" alt="Parity Logo" />
<p>This is your account <em><%= name %></em>:</p> <p>This is your account <em><%= name %></em>:</p>
<figure class="address"> <figure class="address">
<img src="<%= identity %>" alt="symbol for the address of the account"> <img src="<%= identity %>" alt="symbol for the address of the account" />
<figcaption><code><%= address %></code></figcaption> <figcaption><code><%= address %></code></figcaption>
</figure> </figure>
<p>This is the recovery phrase:</p> <p>This is the recovery phrase:</p>