dylan.derr/Send
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

refactored css, including some markup changes

Browse source
This commit is contained in:
Danny Coates 2018-02-13 11:32:59 -08:00
parent 3163edcbe4
commit 8d41111cd6
No known key found for this signature in database
GPG key ID: 4C442633C62E00CB
62 changed files with 5731 additions and 4078 deletions
Download patch file Download diff file Expand all files Collapse all files

19
app/pages/notFound/index.js Normal file
View file

@ -0,0 +1,19 @@
const html = require('choo/html');
const assets = require('../../../common/assets');
module.exports = function(state) {
const div = html`
<div class="notFoundPage">
<div class="title">${state.translate('expiredPageHeader')}</div>
<div class="notFoundPage__img">
<img src="${assets.get('illustration_expired.svg')}" id="expired-img">
</div>
<div class="description">
${state.translate('uploadPageExplainer')}
</div>
<a class="link link--action" href="/">
${state.translate('sendYourFilesLink')}
</a>
</div>`;
return div;
};

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

@ -0,0 +1,17 @@
.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;
}