recovery page: add Parity logo
This commit is contained in:
parent
cf85d1978f
commit
e43457a6ce
@ -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 }));
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -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);
|
||||||
};
|
};
|
||||||
|
@ -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>
|
||||||
|
Loading…
Reference in New Issue
Block a user