natty
/
fox-send
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

adjusted intro layout

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

26
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(
'uploadPageExplainer'
)}</p>
</div> </div>
</send-intro>`; </send-intro>
`;
}; };