mentos1386/send
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

updated notFound page

Browse source
This commit is contained in:
Danny Coates 2018-02-21 16:33:06 -08:00
parent c80d01c648
commit 36b419202b
No known key found for this signature in database
GPG key ID: 4C442633C62E00CB
3 changed files with 2 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
app/main.css
View file

@ -14,5 +14,4 @@
@import './pages/welcome/welcome.css'; @import './pages/welcome/welcome.css';
@import './pages/preview/preview.css'; @import './pages/preview/preview.css';
@import './pages/share/share.css'; @import './pages/share/share.css';
@import './pages/notFound/notFound.css';
@import './pages/unsupported/unsupported.css'; @import './pages/unsupported/unsupported.css';

4
app/pages/notFound/index.js
View file

@ -3,11 +3,9 @@ const assets = require('../../../common/assets');
module.exports = function(state) { module.exports = function(state) {
return html` return html`
<div class="notFoundPage"> <div class="page">
<div class="title">${state.translate('expiredPageHeader')}</div> <div class="title">${state.translate('expiredPageHeader')}</div>
<div class="notFoundPage__img">
<img src="${assets.get('illustration_expired.svg')}" id="expired-img"> <img src="${assets.get('illustration_expired.svg')}" id="expired-img">
</div>
<div class="description"> <div class="description">
${state.translate('uploadPageExplainer')} ${state.translate('uploadPageExplainer')}
</div> </div>

17
app/pages/notFound/notFound.css
View file

@ -1,17 +0,0 @@
.notFoundPage {
margin: 0 auto 30px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
text-align: center;
}
.notFoundPage__img {
margin: 0 auto;
display: flex;
justify-content: center;
flex-direction: column;
width: 100%;
max-width: 640px;
}