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

adjusted intro layout

Browse Source
This commit is contained in:
Danny Coates 2019-02-14 09:33:49 -08:00
parent be8e507d25
commit 4d8f27e96e
No known key found for this signature in database
GPG Key ID: 4C442633C62E00CB
1 changed files with 14 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
app/ui/intro.js
View File

@ -3,20 +3,18 @@ const assets = require('../../common/assets');
module.exports = function intro(state) { module.exports = function intro(state) {
return html` return html`
<send-intro class="flex flex-col items-center justify-center bg-white border border-grey-light md:border-none px-6 text-center md:py-0 py-6 mb-0 h-full w-full"> <send-intro
<div class="flex flex-col items-center justify-between h-full py-8"> class="flex flex-col items-center justify-center bg-white border border-grey-light md:border-none px-6 md:py-0 py-6 mb-0 h-full w-full"
<p class="text-center"> >
<div class="font-semibold leading-normal">${state.translate( <div class="flex flex-col justify-end h-full py-8">
'uploadPageHeader' <h1 class="font-bold leading-normal">
)}</div> ${state.translate('uploadPageHeader')}
<div class="italic text-sm opacity-75 leading-normal">${state.translate( </h1>
'pageHeaderCredits' <p class="max-w-sm font-light leading-normal">
)}</div> ${state.translate('uploadPageExplainer')}
</p> </p>
<img class="my-6" src="${assets.get('illustration_download.svg')}"/> <img class="my-6" src="${assets.get('illustration_download.svg')}" />
<p class="md:mx-6 max-w-sm text-sm opacity-50 leading-normal">${state.translate( </div>
'uploadPageExplainer' </send-intro>
)}</p> `;
</div>
</send-intro>`;
}; };