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

fixed intro size on home page

Browse Source
This commit is contained in:
Danny Coates 2018-11-01 12:04:14 -07:00
parent dee9c0a538
commit 5ebe869c26
No known key found for this signature in database
GPG Key ID: 4C442633C62E00CB
1 changed files with 11 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
app/ui/home.js
View File

@ -8,28 +8,26 @@ module.exports = function(state, emit) {
const archives = state.storage.files.map(archive =>
archiveTile(state, emit, archive)
);
let wip = '';
let left = '';
if (state.uploading) {
wip = archiveTile.uploading(state, emit);
left = archiveTile.uploading(state, emit);
} else if (state.archive) {
wip = archiveTile.wip(state, emit);
left = archiveTile.wip(state, emit);
} else {
wip = archiveTile.empty(state, emit);
left = archiveTile.empty(state, emit);
}
archives.reverse();
if (archives.length < 1) {
archives.push(intro(state));
}
const right =
archives.length < 1
? intro(state)
: list(archives, 'list-reset h-full overflow-y-scroll', 'pb-4');
return html`
<main class="main container md:relative">
${state.modal && modal(state, emit)}
<section class="h-full w-full px-6 md:flex md:flex-row">
<div class="pt-4 md:pb-4 md:mr-6 md:w-1/2">${wip}</div>
${list(
archives,
'list-reset h-full md:w-1/2 overflow-y-scroll pt-2',
'py-2'
)}
<div class="pt-4 md:pb-4 md:mr-6 md:w-1/2">${left}</div>
<div class="py-4 md:w-1/2">${right}</div>
</section>
</main>`;
};