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 print from './print';
import recoveryPage from './recovery-page.ejs';
import ParityLogo from '../../../../assets/images/parity-logo-black-no-text.svg';
export default class AccountDetails extends Component {
static propTypes = {
@ -89,6 +90,6 @@ export default class AccountDetails extends Component {
const { address, phrase, name } = this.props;
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(() => {
iframe.contentDocument.write(html);
onPrint(iframe.contentWindow, teardown);
iframe.contentWindow.focus();
iframe.contentWindow.print();
setTimeout(() => {
onPrint(iframe.contentWindow, teardown);
iframe.contentWindow.focus();
iframe.contentWindow.print();
}, 20);
}, 0);
};

View File

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