Chapril/drop.chapril.org-firefoxsend
Chapril/drop.chapril.org-firefoxsend
25
1
Fork 0
Code Issues Releases Activity

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/preview/preview.css';
@import './pages/share/share.css';
@import './pages/notFound/notFound.css';
@import './pages/unsupported/unsupported.css';

6
app/pages/notFound/index.js
View File

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